innerHTMLは印刷しません。（JavaScript）

私はまったく新しいコーディングではありませんしかし、私は確かにアマチュアです（特にJavascriptで）、私はちょうど個人的な目的のために新しいプロジェクトを始めました。innerHTMLは印刷しません。（JavaScript）

私の答えをプリントアウトするために私のJavascriptを得ることができないと思うし、私はそれを調べるまでプロジェクトを進めたくない。

私のコードは以下の通りです：

<!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>

が助け

出典

2016-09-26 Nishian3695

あなたは.innerHTML' –

は 'fatInput'が入力要素である、彼らは[値]を使用し、'、その '.value'性質を持つ' input'要素の値を取得していません「innerHTML」ではありません。 HTMLを変更していないので、 'todaysFat'の代わりに' textContent'を使うべきです。 –

変更し、最初の行の値にinnerHTMLプロパティのすべてをありがとうございました。以下のコードを参照してください：

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>

出典

2016-09-26 13:19:25

試して。

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

出典

2016-09-26 13:20:11 Laazo

コードには常に説明を追加してください... – andreas

私はあなたが望むinnerHTMLだとは思っていませんが、INPUTの値です。これはinnerHTMLではなく、.valueです。

例えば..

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

出典

2016-09-26 13:20:45 Keith

innerHTMLは印刷しません。 （JavaScript）

答えて

関連する問題

innerHTMLは印刷しません。（JavaScript）