Как сделать клик в калькуляторе JS

@Evgl3 · Регистрация: 22.06.2020

Студворк — интернет-сервис помощи студентам

Здравствуйте, подскажите пожалуйста как мне сделать событие на второй num, что бы по первому клику добавлялась цифра в первый num а по второму клику во второй.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="calc" class="calc">
        <input type="text" id="num1" value="NUM1">
        <a href="#" id="elem1" class="znak">_</a>
        <input type="text" id="num2" value="NUM2">
        <br>
        <input type="text" id="result" class="res">
        <br>
        <input type="submit" id="plus" value="+">
        
        <input type="submit" id="minus" value="-">
        
        <input type="submit" id="multiply" value="*">
        
        <input type="submit" id="share" value="/">
        <br>
        
    </div>
</body>
<script src="script.js"></script>
</html>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
let calc = document.querySelector('#calc');
let res = document.querySelector('#result');
 
let plus = document.querySelector('#plus');
let minus = document.querySelector('#minus');
let share = document.querySelector('#share');
let multiply = document.querySelector('#multiply');
 
let p = document.querySelector('#elem1');
 
let num1 = document.querySelector('#num1');
let num2 = document.querySelector('#num2');
 
for(let i = 0; i <= 10; i++){
    let input = document.createElement('input');
    input.value = i;
    input.type = 'submit'
    if(i == 4){
        let br = document.createElement('br');
        calc.appendChild(br);
    }
    if(i == 8){
        let br = document.createElement('br');
        calc.appendChild(br);
    }
    calc.appendChild(input);
 
    input.addEventListener('click', function func(){
        num1.value = input.value;
 
        if(num1.value == input.value){
            removeEventListener('click', func);
        }
    });
 
    
 
}
 
plus.addEventListener('click', function(){
    p.innerHTML = '+';
})
 
minus.addEventListener('click', function(){
    p.innerHTML = '-';
})
 
share.addEventListener('click', function(){
    p.innerHTML = '/';
})
 
multiply.addEventListener('click', function(){
    p.innerHTML = '*';
})

@Evgl3 · 19.11.2020, 18:10 **[ТС]**

Решил проблему через event.target

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ

@Evgl3 1 / 1 / 0 Регистрация: 22.06.2020 Сообщений: 25
	19.11.2020, 18:10 [ТС]
	Решил проблему через event.target 0