gpt4 book ai didi

javascript - 我正在尝试计算两个按钮的按钮点击总数并将其显示在文本区域中

转载 作者:行者123 更新时间:2023-11-28 16:59:26 24 4
gpt4 key购买 nike

我正在尝试显示文本区域中两个按钮的按钮点击总数。我主要是在处理包含全局计数的函数。顺便说一句,我是初学者......

我目前正在使用此代码:

<form name=simpleForm>
<input type="button" name="button1" value="A" onclick="displayText1()">
<br>
<input type="button" name="button2" value="B" onclick="displayText2()">
<input type="button" name="button3" value="Total"
onclick="displayText3()">
<textarea name="response" rows 2 cols=27> </textarea>
<input type="reset"value="Reset Form">
</form>

<head>
<title>interactive web page</title>
<script type="text/javascript">
function displayText1(){
document.simpleForm.response.value="You clicked button A!";
}
function displayText2(){
document.simpleForm.response.value="You clicked button B!";
}
</script>
</head>

这是我无法开始工作的主要功能

function xxx () {
var count1 = 0;
count1 = count1+1;
globalCount = globalCount+1;
alert("global Count: "+globalCount):
}

最佳答案

如果我正确理解您的问题,您想“单独”显示按钮 A 和按钮 B 的点击次数吗?

您可以使用Javascript + jQuery:(前提是您已经导入了jQuery)

<script type="text/javascript">
var buttonAClickCount = 0;
var buttonBClickCount = 0;
$(document).ready(function() {
$("#buttonA").click(function(){
buttonAClickCount++;
$("#textAreaDisplayButtonA").val(buttonAClickCount);
});
$("#buttonB").click(function() {
buttonBClickCount++;
$("#textAreaDisplayButtonB").val(buttonBClickCount);
});
});
</script>

...

<button type="button" class="btn" id="buttonA">Button A</button>
<button type="button" class="btn" id="buttonB">Button B</button>

<textarea id="textAreaDisplayButtonA" rows="2" colspan="30"></textarea>
<textarea id="textAreaDisplayButtonB" rows="2" colspan="30"></textarea>

关于javascript - 我正在尝试计算两个按钮的按钮点击总数并将其显示在文本区域中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58002601/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com