表題の通り、ブログでユーザーが入力した数字の足し算を行う処理をHTMLで実装しようとしています。
下記のコードはlocal環境ではうまくいくのですが、これをwordpress上で実行すると
「=」ボタンを押しても計算が実行されません。
なぜlocal環境では上手くいくのに、wordpress上では上手くいかないのでしょうか。
また、どのようにコードを変更すればwordpress上で動かすことができるでしょうか。
わかる方いましたら、ご教授ください。
※できればプラグインは使わない方法で実装したいです。
HTML
1<FORM name="fm"> 2 <INPUT size="20" type="text" name="A">+ 3 <INPUT size="20" type="text" name="B"> 4 <INPUT type="button" value="=" onclick="Add()"> 5 <INPUT size="20" type="text" name="C"> 6</FORM> 7 8<SCRIPT language="JavaScript"> 9function Add(){ 10 document.fm.C.value =eval(document.fm.A.value) + eval(document.fm.B.value); 11} 12</SCRIPT> 13
※追記(Cherryさま)
ビジュアル編集画面ではなくテキスト編集画面を用い、
改行コードが出力されないために、下記のようにコードを詰め込んで書きました.
もちろんdousojinさまのコードもコピーしましたが、上手くいきませんでした。
HTML(WordPress)
1<h3>サンプル</h3> 2<form name="fm"><input name="A" size="20" type="text" />+<input name="B" size="20" type="text" /><input type="button" value="=" /><input name="C" size="20" type="text" /></form><script>function Add(){ document.fm.C.value =eval(document.fm.A.value) + eval(document.fm.B.value);}</script> 3 4