我正在尝试显示文本区域中两个按钮的按钮点击总数。我主要是在处理包含全局计数的函数。顺便说一句,我是初学者......
我目前正在使用此代码:
<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/