Javascript не обновляет входы

Я пытаюсь создать несколько преобразователей температуры, но не могу этого сделать, потому что innerHTML не обновляет значения в полях ввода.

Я использовал некоторый console.info для проверки значений valID и valNum, но оба казались нормальными, поэтому я не понимаю, почему код не работает.

<body>
    <h2><u>Temperature Converter</u></h2>

    <p>
        <label>Fahrenheit</label>
        <input id = "fahrenheit" type = "number" placeholder = "Fahrenheit" onchange = "tempConverter(this.id, this.value)" oninput = "tempConverter(this.id, this.value)">
    </p>

    <p>
        <label>Celsius</label>
        <input id = "celsius" type = "number" placeholder = "Celsius" onchange = "tempConverter(this.id, this.value)" oninput = "tempConverter(this.id, this.value)">
    </p>

    <p>
        <label>Kelvin</label>
        <input id = "kelvin" type = "number" placeholder = "Kelvin" onchange = "tempConverter(this.id, this.value)" oninput = "tempConverter(this.id, this.value)">
    </p>

    <script>
        function tempConverter(valID, valNum)
        {
            valNum = parseFloat(valNum);
            if (valID === "fahrenheit")
            {
                document.getElementById("celsius").innerHTML = (valNum - 32) / 1.8;
                document.getElementById("kelvin").innerHTML = ((valNum - 32) / 1.8) + 273.15;
            }
            if (valID === "celsius")
            {
                document.getElementById("fahrenheit").innerHTML = (valNum * 1.8) + 32;
                document.getElementById("kelvin").innerHTML = valNum + 273.15;
            }
            if (valID === "kelvin")
            {
                document.getElementById("fahrenheit").innerHTML = ((valNum - 273.15) * 1.8) + 32;
                document.getElementById("celsius").innerHTML = valNum - 273.15;
            }
        }
    </script>
</body>

У input нет .innerHTML, но есть .value

— 22.06.2019 03:11

Большое спасибо Тиброгарган. Я видел в Интернете пример, который работал с .innerHTML, но мой не работал. Но теперь с ".value" все в порядке.

— 22.06.2019 03:28

javascript html

22.06.2019 03:10

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный