Выберите кнопку для запуска функции

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> 

Здравствуйте, друзья, Просьбы помочь мне .. Мой вопрос очень clear.if предположит, что вы и друг играть один за другим, нажав numbers..first нажатии кнопки номера он должен получить хранится локально в первая кнопка. Затем ваш друг нажимает на те же кнопки, но теперь он должен быть отражен во второй кнопке. Затем снова, если вы нажимаете кнопки, его следует добавить в первой кнопке. Так как это сделать, и каждый раз, когда я нажимал, я должен храниться локально, поэтому я не Потеря мои данные

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> 

Для Reff. цель посмотреть на my plunker