Javascript 添加两个值并保存结果以供重用
我写了一个函数,其中a和B是1到6之间的随机数。我希望A和B的结果显示在计数器中并保存,因此当我再次单击“添加我”按钮时,它会将A和B的结果添加到最后一个结果中 如果我点击一次,计数器显示10。我下一次单击时会得到8的结果。我希望计数器继续将结果相加 这是我的密码Javascript 添加两个值并保存结果以供重用,javascript,Javascript,我写了一个函数,其中a和B是1到6之间的随机数。我希望A和B的结果显示在计数器中并保存,因此当我再次单击“添加我”按钮时,它会将A和B的结果添加到最后一个结果中 如果我点击一次,计数器显示10。我下一次单击时会得到8的结果。我希望计数器继续将结果相加 这是我的密码 Javascript计数器 .container{文本对齐:居中;字体大小:20px;} 计数器=—— A= B= 函数addTogether(){ var a1=document.getElementById('a1'); va
Javascript计数器
.container{文本对齐:居中;字体大小:20px;}
计数器=——
A=
B=
函数addTogether(){
var a1=document.getElementById('a1');
var b1=document.getElementById('b1');
var count=document.getElementById('count');
var a=数学地板(数学随机()*6+1);
var b=数学地板(数学随机()*6+1);
变量y=a+b;
a1.html=a;
b1.html=b;
count.innerHTML=y;
}
如果我理解正确。只需将count
添加到y
值即可
y + (parseInt(count.innerHTML, 10)||0)
如果您想通过刷新来保存它,那么您需要持久保存到本地存储或其他地方
Javascript计数器
.container{文本对齐:居中;字体大小:20px;}
计数器=——
A=
B=
函数addTogether(){
var a1=document.getElementById('a1');
var b1=document.getElementById('b1');
var count=document.getElementById('count');
var a=数学地板(数学随机()*6+1);
var b=数学地板(数学随机()*6+1);
变量y=a+b;
a1.html=a;
b1.html=b;
count.innerHTML=y+(parseInt(count.innerHTML,10)| 0);
}
如果我理解正确。只需将count
添加到y
值即可
y + (parseInt(count.innerHTML, 10)||0)
如果您想通过刷新来保存它,那么您需要持久保存到本地存储或其他地方
Javascript计数器
.container{文本对齐:居中;字体大小:20px;}
计数器=——
A=
B=
函数addTogether(){
var a1=document.getElementById('a1');
var b1=document.getElementById('b1');
var count=document.getElementById('count');
var a=数学地板(数学随机()*6+1);
var b=数学地板(数学随机()*6+1);
变量y=a+b;
a1.html=a;
b1.html=b;
count.innerHTML=y+(parseInt(count.innerHTML,10)| 0);
}
或。。。可以将值存储在全局变量中。函数中的所有变量都是该函数的局部变量。另一个解决办法是:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Counter</title>
<meta charset="utf-8">
<style type="text/css">
.container {text-align: center; font-size: 20px;}
</style>
</head>
<body>
<div class="container">
<p>The Counter = <span id="Count"> --- </span></p>
<p>A = <span id="a1">?</span></p>
<p>B = <span id="b1">?</span></p>
<input type="submit" value="Add Me" onclick="addTogether()" />
</div>
<script type="text/javascript">
var counter = 0;
function addTogether(){
var a1 = document.getElementById('a1');
var b1 = document.getElementById('b1');
var count = document.getElementById('Count');
var a = Math.floor(Math.random() * 6 + 1);
var b = Math.floor(Math.random() * 6 + 1);
counter = a + b + counter ;
a1.innerHTML = a;
b1.innerHTML = b;
count.innerHTML = counter;
}
</script>
</body>
</html>
Javascript计数器
.container{文本对齐:居中;字体大小:20px;}
计数器=——
A=
B=
var计数器=0;
函数addTogether(){
var a1=document.getElementById('a1');
var b1=document.getElementById('b1');
var count=document.getElementById('count');
var a=数学地板(数学随机()*6+1);
var b=数学地板(数学随机()*6+1);
计数器=a+b+计数器;
a1.html=a;
b1.html=b;
count.innerHTML=计数器;
}
(我相信也可以使用更为奇特的技术,如闭包…或。。。可以将值存储在全局变量中。函数中的所有变量都是该函数的局部变量。另一个解决办法是:
<!DOCTYPE html>
<html>
<head>
<title>Javascript Counter</title>
<meta charset="utf-8">
<style type="text/css">
.container {text-align: center; font-size: 20px;}
</style>
</head>
<body>
<div class="container">
<p>The Counter = <span id="Count"> --- </span></p>
<p>A = <span id="a1">?</span></p>
<p>B = <span id="b1">?</span></p>
<input type="submit" value="Add Me" onclick="addTogether()" />
</div>
<script type="text/javascript">
var counter = 0;
function addTogether(){
var a1 = document.getElementById('a1');
var b1 = document.getElementById('b1');
var count = document.getElementById('Count');
var a = Math.floor(Math.random() * 6 + 1);
var b = Math.floor(Math.random() * 6 + 1);
counter = a + b + counter ;
a1.innerHTML = a;
b1.innerHTML = b;
count.innerHTML = counter;
}
</script>
</body>
</html>
Javascript计数器
.container{文本对齐:居中;字体大小:20px;}
计数器=——
A=
B=
var计数器=0;
函数addTogether(){
var a1=document.getElementById('a1');
var b1=document.getElementById('b1');
var count=document.getElementById('count');
var a=数学地板(数学随机()*6+1);
var b=数学地板(数学随机()*6+1);
计数器=a+b+计数器;
a1.html=a;
b1.html=b;
count.innerHTML=计数器;
}
(我确信也可以使用更为奇特的技术,比如闭包…
count.innerHTML+=y
count.innerHTML+=y代码>很高兴它有帮助!很高兴它有帮助!