Работа с input и button

306
07 марта 2018, 09:29

Я создал простенький калькулятор, когда ввожу два числа с клавиатуры в два разных , то при нажатии на деление, умножение, сложение и вычитание, все срабатывает и выводиться в отдельное окошко Output. Так же я создал отдельные кнопки от 0 до 9. Хочу чтобы при выборе первого поля для ввода, и нажатии на кнопки 0-9, они вводились в данную форму. То же самое для второго поля, когда оно выбрано(второе поле), можно было вводить числа 0-9 не с клавиатуры.

    function reset() { 
        var res1 = document.getElementById('out'); 
        var res2 = document.getElementById('n1'); 
        var res3 = document.getElementById('n2'); 
        res1.value = ''; 
        res2.value = ''; 
        res3.value = ''; 
    } 
     
     
    function plus() { 
        var num1, num2, result; 
        num1 = document.getElementById('n1').value; 
        num1 = parseInt(num1); 
         
        num2 = document.getElementById('n2').value; 
        num2 = parseInt(num2); 
         
        result = num1 + num2; 
         
        document.getElementById('out').value = result; 
         
    } 
     
    function minus() { 
        var num1, num2, result; 
        num1 = document.getElementById('n1').value; 
        num1 = parseInt(num1); 
         
        num2 = document.getElementById('n2').value; 
        num2 = parseInt(num2); 
         
        result = num1 - num2; 
        document.getElementById('out').value = result; 
         
    } 
     
    function multiply() { 
        var num1, num2, result; 
        num1 = document.getElementById('n1').value; 
        num1 = parseInt(num1); 
         
        num2 = document.getElementById('n2').value; 
        num2 = parseInt(num2); 
         
        result = num1 * num2; 
        document.getElementById('out').value = result; 
         
    } 
     
    function divide() { 
        var num1, num2, result; 
        num1 = document.getElementById('n1').value; 
        num1 = parseInt(num1); 
         
        num2 = document.getElementById('n2').value; 
        num2 = parseInt(num2); 
         
        result = num1 / num2; 
        document.getElementById('out').value = result; 
         
    } 
     
    function numBr() { 
         
    } 
     
    function onFocus() { 
         
    }
        <div id='first'> 
    <hr>  
        <input type="text" id='n1' value='' placeholder='First number...' onclick='onFocus()'> 
        <input type="text" id='n2' value='' placeholder='Second number' onclick='onFocus1'> 
    <hr> 
    <br> 
        <button onclick="plus()">Plus +</button> 
        <button onclick="minus()">Minus -</button> 
        <button onclick="multiply()">Multiply *</button> 
        <button onclick="divide()">Divide /</button> 
        <button onclick="reset()">Clear</button> 
    <hr> 
    <br> 
        <input type='text' id='out' value='' disabled='true' placeholder='Output...'> 
    <hr> 
    <br> 
        <input type='button' onclick='numBr()' value='0'> 
        <input type='button' onclick='numBr()' value='1'> 
        <input type='button' onclick='numBr()' value='2'> 
        <input type='button' onclick='numBr()' value='3'> 
        <input type='button' onclick='numBr()' value='4'> 
        <input type='button' onclick='numBr()' value='5'> 
        <input type='button' onclick='numBr()' value='6'> 
        <input type='button' onclick='numBr()' value='7'> 
        <input type='button' onclick='numBr()' value='8'> 
        <input type='button' onclick='numBr()' value='9'> 
    <hr>      
        </div>

Answer 1

Нужен просто слушатель на нажатие кнопки, когда нажимаете на кнопку, в поле ввода нужно += значение нажатой кнопки (0-9) Как сделать слушатель, и добавлять текст в поле, все это есть в достатке везде и всюду, море статей, обучающих материалов, и документаций.
Например:

Значение поля = "";
*нажатие кнопки* {
Значение поля += кнопка.value;
}
READ ALSO
Как по клику убрать/добавить атрибут &ldquo;muted&rdquo; в &lt;video&gt;

Как по клику убрать/добавить атрибут “muted” в <video>

Написал вот такой кодНе работает

347
Ionic, как принять push в открытом приложении на iOS?

Ionic, как принять push в открытом приложении на iOS?

Есть приложение на ionic 3, подключил push сообщения, на android все работает отлично как в открытом приложении так и в свернутом видено на iOS пуши...

352
Как запустить Opera через Selenium Webdriver на Javascript?

Как запустить Opera через Selenium Webdriver на Javascript?

Собственно, вопрос в топикеПробовал заменить все chrome на opera в шаблоне на Хром, но кажется нюанс в том чтобы указать Binary

308