Javascript / Inner HTML складывать и получать целочисленные значения

Question

Я пытался получить значения из поля textView, но оно вообще не отображается в поле p, а также я пытаюсь сложить 2 значения вместе в одно значение и отобразить его.

function() {
  var x = document.forms["frm1"];
  var text = "";
  var i;
  for (i = 0; i < x.length ;i++) {
    text += x.elements[i].value + x.elements[i].value;
  }
  document.getElementById("demo").innerHTML = text;
}

<h2>Finding HTML Elements Using document.forms</h2>

<form id="frm1" action="/action_page.php">
  First name: <input type="text" name="fname" value="123"><br>
  Last name: <input type="text" name="lname" value="123"><br><br>
  <input type="submit" value="Submit">
</form> 

<p id="demo"></p>

Answer 1

Попробуйте это. В вашем коде.

document.getElementById ("demo"). Inner HTML = myfunction (document.forms ["frm1"]);

должно быть вызывается вне функции. Кроме того, вы должны указать имя для созданной вами функции.

function myfunction(input) {
  var text = "";
  for (var i = 0; i < input.length; i++) {
    text += input[i].value;
  }
  return text;
}

document.getElementById("demo").innerHTML = myfunction(document.forms["frm1"]);

<h2>Finding HTML Elements Using document.forms</h2>

<form id="frm1" action="/action_page.php">
  <label>First name:</label> <input type="text" name="fname" value="123" /><br>
  <label>Last name:</label> <input type="text" name="lname" value="123" /><br><br>
  <input type="submit"/>
</form>

<p id="demo"></p>

Answer 2

Вам нужно вызвать функцию при загрузке документа. И вносим эти изменения внутри функции

var myValue = 0;
    
for (i = 0; i < x.length; i++) {            
   if (x.elements[i].type === "text")
      myValue +=  Number(x.elements[i].value);
}

document.getElementById("demo").innerHTML = myValue;