javascript - 选择按钮来运行功能

Question

 <table class="calc" cellpadding=2> 
        <td><input type="button" class="calc" id="screen" value="0" ></td>
        <td><input type="button" class="calc" id="screen" value="0" ></td>
        <tr>
    </table>
    <table class="calc" cellpadding=2> 
        <td><button type="button" onclick="pushButton(1)" value="Call2Functions">1</td>
        <td><button type="button" onclick="pushButton(2)" value="Call2Functions">2</td>
        <td><button type="button" onclick="pushButton(3)" value="Call2Functions">3</td>
        <td></td>
    </tr>
    <div>

        <script> 
            function pushButton(buttonValue) {
    if (buttonValue == 'C') {
        document.getElementById('screen').value = '0';
    }
    else {//this is where most changes occured
        var x= document.getElementById('screen').value 
        x =parseInt(x)+ parseInt(buttonValue);
        document.getElementById('screen').value=x;
        localStorage.setItem('answer', x);
    }
}

    function calculate(equation) {
        var answer = eval(equation);
        document.getElementById('screen').value = answer;
    }
                         </script>

friend 们大家好， 请帮助我..我的问题非常清楚。如果假设您和 friend 通过单击数字来玩一个接一个的游戏..首先您单击数字，它应该存储在本地第一个按钮中。然后您的 friend 单击相同的按钮，但现在应该反射(reflect)在第二个按钮中。然后，如果您按下按钮，它应该添加到第一个按钮中。那么如何做到这一点，每次我单击时，我都应该存储在本地，这样我就不会丢失数据

Answer 1

JavaScript 代码是...

function pushButton(buttonValue) {
    if (buttonValue == 'C') {
        document.getElementById('screen').value = '0';
    }
    else {//this is where most changes occured
        var x= document.getElementById('screen'+buttonValue).value 
        x =parseInt(x)+ parseInt(buttonValue);
        document.getElementById('screen'+buttonValue).value=x;
        localStorage.setItem('answer', x);
    }
}

function calculate(equation) {
    var answer = eval(equation);
    document.getElementById('screen'+buttonValue).value = answer;
}

HTML 代码在这里...

<table class="calc" cellpadding=2> 
    <tr>
        <td><input type="button" class="calc" id="screen1" value="0"></td>
        <td><input type="button" class="calc" id="screen2" value="0"></td>
        <td><input type="button" class="calc" id="screen3" value="0"></td>
        </tr>
</table>
<table class="calc" cellpadding=2>
    <tr> 
        <td><button type="button" onclick="pushButton(1)" value="Call2Functions">1</td>
        <td><button type="button" onclick="pushButton(2)" value="Call2Functions">2</td>
        <td><button type="button" onclick="pushButton(3)" value="Call2Functions">3</td>
    </tr>
</table>

供引用。目的看看my plunker