HTML - Форма Javascript калькулятора калорій - Переповнення стека

Я намагаюся зробити свою першу спробу Javascript, використовуючи введення користувача, а потім змінюючи html елемента, щоб виплюнути значення. Це калькулятор калорій. Ось мій HTML, мій javascript і пояснення того, що, на мою думку, ПОДАЄТЬСЯ відбуватися з моїми обмеженими знаннями:

калькулятора

Я очікую, що ця функція спочатку перевірить, чи відмітив користувач чоловічого чи жіночого. Потім, якщо вони відмічають male, він створює нову змінну (не впевнений, що це буде найоптимальніший спосіб зробити це в будь-якому випадку0, де він додає male (оскільки я ставлю var male = document.getElementsByName ("male"). Value та його на вході радіостанції, я прочитав, що він буде читати те, що ви ставите як значення, тому я припустив, що "male" у змінній maleCals стане таким значенням, 66.47. Потім я припустив, що зріст і вага будуть читатися як будь-яке число користувач вводить форми введення, а потім виплескується як абзац для

елемент з ідентифікатором totalCals.

Моя дилема полягає в тому, що це просто не працює, коли ви вводите значення, нічого не пишеться в

Будь-які пропозиції були б корисними.

2 відповіді 2

Є численні проблеми.

Почнемо з очищення HTML:-

Розміщуючи вхідні елементи всередині тегів міток, користувач тепер може клацнути в будь-якому місці мітки, щоб надати вхідному елементу фокус.