← Все вопросы

Как сделать калькулятор в браузере на JavaScript для начинающего?

Задан 6 месяцев назад254 просмотров1 ответ
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.

Ваш ответ

, чтобы ответить на вопрос.