スクリプトから本体に変数を呼び出したい。これが私のスクリプトコードです。rightanswers
とwronganswers
値を取得して、html 本文で使用したいと考えています。
GetFeedback = function (a) {
if (a == CorrectAnswer) {
rightanswers++;
} else {
wronganswers++;
}
lock = true;
}
スクリプトから本体に変数を呼び出したい。これが私のスクリプトコードです。rightanswers
とwronganswers
値を取得して、html 本文で使用したいと考えています。
GetFeedback = function (a) {
if (a == CorrectAnswer) {
rightanswers++;
} else {
wronganswers++;
}
lock = true;
}
を使用する必要がありますDocument Object Modle
。JavaScript では、要素を作成して DOM に挿入するさまざまな方法があります。例として:
var element = document.createElement('p');
var body = document.body;
body.appendChild(element);
そのコードを使用して要素を作成し、それを本体に追加します。そしてそれは純粋な JavaScript です。Mootools
またはを使用できますjQuery
。より簡単にするのは良いことです。しかし、JavaScript は、HTML と混合した変数を使用できる PHP のようには機能しません。
HTML から関数をトリガーする場合は、その関数をイベントにバインドする必要があります。たとえば、リンクをクリックするとします。
HTML
<a href="#" id="button"> Click Here </a>
JS
var b = document.getElementById('button');
b.click = function(){
GetFeedback();
}
jquery を使用してページの html を変更できます。
GetFeedback = function(a){
if(a==CorrectAnswer){
rightanswers++;
}else{
wronganswers++;
}
lock=true;
$('p:first').html('Right Answers: '+rightanswers+' <br> Wrong Answers: '+wronganswers);
};
これをあなたのhtmlとして持ってください
<body>
<p></p>
<a href="javascript:GetFeedback(a);">Get Feedback</a>
</body>
以下を使用して、変数を宣言していることを確認してください (提供されたコードでは確認できません)var
。
<script>
var GetFeedback = function (a) {
if (a == CorrectAnswer) {
rightanswers++;
} else {
wronganswers++;
}
lock = true;
</script>
次に、HTML で、次のようなフィードバックを使用できます (ただし、以下を使用することはお勧めできません。単にデモンストレーションを目的としているだけです)。
<a href="#" onclick="javascript:GetFeedback();">Hello</a>