InnerHTML wird nicht gedruckt. (Javascript)

Ich bin nicht gerade neu in Codierung, Aber ich bin definitiv ein Amateur (vor allem in Javascript), und ich habe gerade ein neues Projekt für den persönlichen Zweck gestartet.InnerHTML wird nicht gedruckt. (Javascript)

Ich kann nicht scheinen, mein Javascript zu bekommen, um meine Antwort auszudrucken, und ich möchte nicht mit dem Projekt fortfahren, bis ich es herausfinde, weil es kompliziertere Berechnungen haben wird, während ich daran arbeite.

Mein Code ist wie folgt:

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    </head> 
    <body> 
     <p>Enter Your Macros</p> 
     <p>Fats</p> 
     <input type="number" name="fats" id="fatInput"/><br> 
     <button onclick="myFunction()">Calculate</button><br> 
     <p id="todaysFat"></p> 
     <script> 
     function myFunction() { 
      var f = document.getElementById("fatInput").innerHTML; 
      document.getElementById("todaysFat").innerHTML = f; 
     } 
     </script> 
    </body> 
</html>

Danke für all die Hilfe

Quelle

2016-09-26 Nishian3695

Sie den Wert eines 'input' Element mit seinem' .value' Eigenschaft erhalten, nicht '.innerHTML' –

' fatInput' ist ein Eingabeelement, verwenden sie 'value' nicht "innerHTML". Sie sollten auch 'textContent' anstelle von' todaysFat' verwenden, da Sie kein HTML ändern. –

Ändern Sie den innerHTML- auf Wert in der ersten Zeile. Siehe unten stehenden Code:

function myFunction() { 
 
    var f = document.getElementById("fatInput").value; 
 
    document.getElementById("todaysFat").innerHTML = f; 
 
}

<p>Enter Your Macros</p> 
 
<p>Fats</p> 
 
<input type="number" name="fats" id="fatInput" /> 
 
<br> 
 
<button onclick="myFunction()">Calculate</button> 
 
<br> 
 
<p id="todaysFat"></p>

Quelle

2016-09-26 13:19:25

Versuch;

function myFunction() { 
      var f = document.getElementById("fatInput").value; 
      document.getElementById("todaysFat").innerHTML = f; 
}

Quelle

2016-09-26 13:20:11 Laazo

Bitte fügen Sie immer eine Erklärung zu Ihrem Code hinzu ... – andreas

Ich glaube nicht, dass es das innereHTML ist, das Sie wünschen, aber der Wert des EINGANGS. Also das ist .value nicht innerHTML.

zB ..

var f = document.getElementById("fatInput").value;

Quelle

2016-09-26 13:20:45 Keith

InnerHTML wird nicht gedruckt. (Javascript)

Antwort

Verwandte Themen