Не работает вывод суммы двух чисел

Beatus · February 23, 2021

<!DOCTYPE html>
<html lang=ru>
    <head>
        <meta charset="utf-8"/>
        <meta name="author" content="DV"/>
        <meta name="keywords" content="Калькулятор"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta name="description" content="Калькулятор"/>
        <title>Калькулятор</title>
        <link rel="stylesheet" href="styles.css">
    </head>
    <body>
        <form oninput="result.value=num1.value+num2.value">
            <h3>Сумма двух чисел</h3>
            <p>Введите первое число: 
                <input type=number size="1" name="num1" autofocus></p>
            <p>Введите второе число: 
                <input type=number size="1" name="num2" autofocus></p>
            <p>Сумма: 
                <output name="result"></output></p>
        </form>
    </body>
</html>

Подскажите пожалуйста почему не работает?

klierik · February 23, 2021

Потому что не описана логика (JavaScript) сборки, обработки и вывода информации

Int · April 17, 2021

Я не уверен, что у формы есть событие input, но если даже было бы, то переменные result, num1 и num2 не определены. Они были бы созданы автоматически, если бы это были id, но у тебя-то name.
И я не в курсе, сейчас можно писать js-код в атрибутах без javascript: спереди?
И есть ли у тега <output> свойство value? Может быть, у него textContent?
Подключи Vue, там будет работать так, как ты хочешь, только придётся несколько дополнительных действий сделать, привязывая переменные к инпутам и создавая computed-свойство.

Sign In

Не работает вывод суммы двух чисел

Question

Beatus

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

Int

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information