我正在尝试使用两个按钮计算按钮点击的总数并将其显示在文本区域中
我正在尝试显示文本区域中两个按钮的按钮点击总数。我主要是在与包含全局计数的函数作斗争。顺便说一下，我是初学者...
我目前正在使用此代码：
<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):
}
饮歌长啸2回答
-
四季花海
如果我正确理解您的问题，您想显示“单独”按钮 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> -
拉风的咖菲猫
试试下面的代码。您必须在要显示的按钮上设置 onclick 事件，并且如果要始终为其添加值，则 globalCount 变量必须位于脚本中的所有函数之外。希望能帮助到你！:) <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="xxx()"> <textarea name="response" rows 2 cols=27> </textarea> <input type="reset"value="Reset Form"> </form> <script type="text/javascript"> var globalCount = 0; function xxx () { var count1 = 0; count1 = count1+1; globalCount = globalCount+1; alert("global Count: " + globalCount)} function displayText1(){ document.simpleForm.response.value="You clicked button A!"; } function displayText2(){ document.simpleForm.response.value="You clicked button B!"; } </script>
随时随地看视频慕课网APP
相关分类
JavaScript