Trying to take input from HTML and do computation with it in Javascript

Issue

I’m trying to get the computer to take an input from the HTML and add and multiply some number to it in Javascript. I’m from python and the variable system in Javascript makes no sense to me, so can someone please lmk what to do?

        <div class = "text">How much energy do you use?</div>
        <input id = "q1" type = "text" placeholder = "# of KilaWatts"></input>
        <button type="button" onclick="getInputValue();">Submit</button>
        <!-- Multiply InputValue by 3 and Add 2 —->

I tried to do something with parseInt, and parseString, but it didn’t work as it would just not run.

Solution

try this, first query input value then calculate your desire numbers then alert the user, like this <!-- Multiply InputValue by 3 and Add 2 —->

function getInputValue() {
  const inputVal = document.getElementById("q1").value; //query input value
  const calculatedValue = ((inputVal *3) +2);   // first multiply input value with 3
                                                // then add 2
 alert(calculatedValue);  // show the calculated value through an alert
};

Answered By - Razin