ユーザーの入力した数字の足し算を行う。

表題の通り、ブログでユーザーが入力した数字の足し算を行う処理を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

CHERRY

2019/01/23 04:49

どのように WordPress で入力したのでしょうか？

Satoki

2019/01/24 10:57

追記をご覧ください。

行動規範の内容に同意します

回答1件

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">function Add(){ document.fm.C.value =eval(document.fm.A.value) + eval(document.fm.B.value);}</SCRIPT>