Как сохранить значение текстового поля в переменной?

Question

Вот мой сценарий:

<script> 
    window.onload = function() { 
     document.getElementById('btnone').addEventListener('click', function() { 
      document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnone').value; 
     }); 
     document.getElementById('btntwo').addEventListener('click', function() { 
      document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btntwo').value; 
     }); 
</script> 

Так теперь скажите, пожалуйста, после вывода на экран значения, введенные при нажатии кнопок в текстовом поле, как я могу хранить эти значения в переменных?

Answer 1

вы можете сделать, как это

 <script> 
    var val1,val2; // this is global scope you can use in onload, addEventListener, or in any places of JavaScript of this frame. 
     window.onload = function() { 
//if you define two varaibles `var val1,val2;` here they are local to onload and also available for addEventListener function only. 
      var tb = document.getElementById('textBox'); 
      document.getElementById('btnone').addEventListener('click', function() { 
       tb.value = val1 = tb.value + this.value; 
      }); 
      document.getElementById('btntwo').addEventListener('click', function() { 
       tb.value = val2 = tb.value + this.value; 
      }); 
    </script> 

Answer 2

<script> 
var onestore,twostore; 
    window.onload = function() { 

     document.getElementById('btnone').addEventListener('click', function() { 
      document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnone').value; 
onestore=document.getElementById('textBox').value; 
     }); 
     document.getElementById('btntwo').addEventListener('click', function() { 
      document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btntwo').value; 
twostore=document.getElementById('textBox').value; 
     }); 
</script> 

Answer 3

<script> 
    window.onload = function() { 
    var value1= "", value2=""; 
     document.getElementById('btnone').addEventListener('click', function() { 
      document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btnone').value; 
    value1 = document.getElementById('textBox').value; 
     }); 
     document.getElementById('btntwo').addEventListener('click', function() { 
      document.getElementById('textBox').value = document.getElementById('textBox').value + document.getElementById('btntwo').value; 
    value2 = document.getElementById('textBox').value; 
     }); 
</script> 

Answer 4

просто объявить переменные, вы можете использовать это: (переменные не в глобальном масштабе и не должно быть)

<script> 
    window.onload = function() { 
     document.getElementById('btnone').addEventListener('click', function() { 
      var btnOneWithTextBox = document.getElementById('textBox').value + document.getElementById('btnone').value 
      document.getElementById('textBox').value = btnOneWithTextBox; 
     }); 
     document.getElementById('btntwo').addEventListener('click', function() { 
      var btnTwoWithTextBox = document.getElementById('textBox').value + document.getElementById('btntwo').value; 
      document.getElementById('textBox').value = btnTwoWithTextBox; 
     }); 
    } 
</script> 

Если вы хотите получить к нему доступ за пределами событий, то создайте переменную вне этой функции, все ее зависит от того, какой объем вы используете хотите переменные?

<script> 
    window.onload = function() { 
     var btnsText; 
     document.getElementById('btnone').addEventListener('click', function() { 
      btnsText.btnOneWithTextBox = document.getElementById('textBox').value + document.getElementById('btnone').value 
      document.getElementById('textBox').value = btnsText.btnOneWithTextBox; 
     }); 
     document.getElementById('btntwo').addEventListener('click', function() { 
      btnsText.btnTwoWithTextBox = document.getElementById('textBox').value + document.getElementById('btntwo').value; 
      document.getElementById('textBox').value = btnsText.btnTwoWithTextBox; 
     }); 

     //here i can create other events that will use btnsText 
    } 
</script>