BinaryDevelop
  1. ホーム
  2. javascript

[解決済み] このJavaScriptの変数をHTMLで使用するにはどうしたらよいですか？

2022-03-08 02:46:14

質問

名前を聞いて、name.length（JavaScript）で名前の長さを割り出すような簡単なページを作りたいのですが、どうすればいいですか？

これは今のところ私のコードです。 

<script>
var name = prompt("What's your name?");
var lengthOfName = name.length
</script>
<body>
</body>

前に述べた変数を使用するために、bodyタグの中に何を入れればいいのかよくわかりません。これはおそらく本当に初心者レベルの質問だと思いますが、答えが見つからないようです。

どのように解決するのですか？

HTMLの中でJavaScriptの変数を使うことはありません。 HTMLはプログラミング言語ではなく、マークアップ言語であり、ページがどのように見えるべきかをquot;記述するだけです。

変数を画面に表示させたい場合は、JavaScriptで行います。

まず、書き込む先が必要です。 

<body>
    <p id="output"></p>
</body>

次に、JavaScriptのコードを更新して、そのファイルに書き込む必要があります。 <p> タグを使用します。 必ずそうしてください。 の後に をクリックすると、ページの準備ができます。 

<script>
window.onload = function(){
    var name = prompt("What's your name?");
    var lengthOfName = name.length

    document.getElementById('output').innerHTML = lengthOfName;
};
</script>



window.onload = function() {
  var name = prompt("What's your name?");
  var lengthOfName = name.length

  document.getElementById('output').innerHTML = lengthOfName;
};

<p id="output"></p>

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します