Javascript 添加两个值并保存结果以供重用

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

我写了一个函数,其中a和B是1到6之间的随机数。我希望A和B的结果显示在计数器中并保存,因此当我再次单击“添加我”按钮时,它会将A和B的结果添加到最后一个结果中

如果我点击一次,计数器显示10。我下一次单击时会得到8的结果。我希望计数器继续将结果相加

这是我的密码


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很高兴它有帮助!很高兴它有帮助!