Googleサイトにjavascriptを含める

Question

私はGoogleサイトに単純なjavascriptを含めるようにしていますが、ボタンを押しても何も表示されません。私はHTML Boxの中にコードを入れました。コードはローカルでテストされたときに完全に機能します。ここに私のコードです：

<script> 
    function calcul(){ 
    x = parseFloat(document.getElementById("value1").value); 
    y = parseFloat(document.getElementById("value2").value); 
    document.getElementById("answer").innerHTML=x+y; 
    } 
</script> 

<form action="" id="nothing"> 
    <input type="text" id="value1"> 
    <input type="text" id="value2"> 
<input type="button" value="Calculate" id="but" onclick="calcul()" /> 

<p id="answer"></p> 

私はそれを動作させることを忘れましたか？

Answer 1

Googleサイトでは、スクリプト全体が変更されます。あなたはJavaScriptを書いて少し慎重にする必要があります。すべての変数の前にvarを追加

はあなたの問題を解決します：

<script> 
    function calcul(){ 
    var x = parseFloat(document.getElementById("value1").value); 
    var y = parseFloat(document.getElementById("value2").value); 
    document.getElementById("answer").innerHTML=x+y; 
    } 
</script> 

<form action="" id="nothing"> 
    <input type="text" id="value1"> 
    <input type="text" id="value2"> 
    <input type="button" value="Calculate" id="but" onclick="calcul()" /> 
</form> 

<p id="answer"></p> 

これは;-)

Answer 2

Googleサイトは、それが安全ではないと考えるの操作を除外します動作します。一部の詳細はhereでしたが、クイック検索の公式文書は見つかりませんでした。

別の回答に言及すると、変数にはvarの宣言が必要です。これがなければ、変数はウィンドウに対してグローバルになり、Googleがサイトのjavascriptサポートを取り囲んでいるサンドボックスに遭遇しても安全に懸念される可能性があるため、この変数が必要になります。

ので修正します

var x = parseFloat(document.getElementById("value1").value); 
var y = parseFloat(document.getElementById("value2").value);