← Все вопросы
Как сделать калькулятор в браузере на JavaScript для начинающего?
5
Калькулятор в консоли на Python я уже сделал, теперь хочу такой же, но прямо на странице: два поля ввода, кнопка, и ответ появляется внизу. Не понимаю, как из JS достать то, что человек ввёл в поле, и показать результат на странице.
1 ответ
9
✓ Принятый ответ — помог автору
Тебе нужны три вещи: поля ввода, кнопка и место для ответа. Вот минимальный рабочий пример в одном файле index.html:
<input id="a" type="number">
<input id="b" type="number">
<button onclick="calc()">Сложить</button>
<p id="out"></p>
<script>
function calc() {
const a = Number(document.getElementById('a').value);
const b = Number(document.getElementById('b').value);
document.getElementById('out').textContent = a + b;
}
</script>
Ключ: .value всегда даёт строку, поэтому оборачиваем в Number(...), иначе 5 + 3 склеится в "53". Результат пишем в textContent элемента.
Когда заработает сложение — добавь поле выбора действия (<select>) и реши, как в Python, через if.
Ваш ответ
, чтобы ответить на вопрос.