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

Beatus · February 23

<!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

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

Int · April 17

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

Sign In

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

Question

Beatus 0

Link to post

Share on other sites

2 answers to this question

Recommended Posts

klierik 434

Link to post

Share on other sites

Int 238

Link to post

Share on other sites

Join the conversation

11 Опрос

Обсуждения

Forums

Courses

Important Information