2016-07-07 7 views
-3

さて、私の状況に当てはまるような答えはありません。HTMLで変数を表示

可能な最も直接的な用語では、scoreという名前の変数を計算する関数があります。その変数の値は任意です。

私は、コードセクションで、その単一の変数を外部ソースのJSファイルからhtmlに取り込むことはできますか?

<div> 
Thank you for completing my quiz!<br/> 
Your score is:<br/> 
(The variable would go here)<br/> 
Please try again sometime! 
</div> 

スコア変数の値に基づいて変化する数字を表示したいと思うでしょう。それは可能ですか?

+0

javascriptコードを見ると便利でしょう。 Onestlyそれは正しい答えがちょうどべきであるので非常に些細な質問のように見える:はい、いくつかの条件で可能である。 –

+0

値がスクリプトファイル内のグローバルスコープ内にある場合は、それをフェッチすることができます。 –

答えて

1

HTMLはJavaScriptから値を引き出すことはできません。データが更新されるたびに、DOMを操作するJavaScript(例:document.getElementByIdおよびdocument.createTextNodeおよびelement.replaceChild)を記述する必要があります。

ReactやAngularなどのフレームワークは、これを達成するのに役立つかもしれません。

0

私はコードセクションで外部変数のJSファイルからその単一変数をhtmlに取り込むことはできますか?

あなたはこれを行うことができ、外部の場所に存在する変数の値を取得したい場合:

のは、あなたが含まれている「file.js」という名前のファイルがあるとしましょう:

<script type="text/javascript" src="..url_to_the_file.."></script> 

INSI:

あなたがその変数にアクセスしたい場合

var helloworld = "This is a string"; 
は、scriptタグを追加し、あなたのHTMLコードからグローバルスコープです <head>タグ。

そしてそれ以下でなければならないあなたのJavaScriptでは、あなたが入力できます

<script> 
    document.write(helloworld); 
</script> 
をそして、それは変数のHelloWorldの値を出力します。外部の場所に存在するjavascript変数の値を表示しているので、これはあなたがやりたかったと思います。