WordPressでonClickが消える

前提・実現したいこと

恐れ入ります。

ワードプレスでコメントのランダム自動入力機能を実装しようと試みたのですが、難航しています。
テキストエディタにソースコードを記述して、保存後にページを切り替えると、コードの一部が自動で置換されてしまいます。

不勉強で恐縮ですが、お知恵を拝借させていただけないでしょうか？
お心当たりのある方、ご意見やご指摘、ご提案をお待ちしております。

発生している問題・エラーメッセージ

ワードプレスのテキストエディタにて、下記「該当のソースコード」の onClick="omikuji()"の部分が、保存後にページを切り替えると/に自動置換されている。

該当のソースコード

html
1<form><input type="button" value="コメント自動入力" onClick="omikuji()"></form>
2
3<script type="text/javascript">
4function omikuji() {
5	rand = Math.floor(Math.random()*5);
6	if (rand == 0) msg = "コメント1";
7	if (rand == 1) msg = "コメント2";
8	if (rand == 2) msg = "コメント3";
9	if (rand == 3) msg = "コメント4";
10	if (rand == 4) msg = "コメント5";
11	document.getElementById('comment').value = msg;
12}
13</script>

試したこと

以下のページに書いてある方法を試しました。

【WordPress】onclick等のjavascriptが自動で削除されてしまう

結果：「このユーザーにネットワークの特権管理者権限を与える。」という設定が見当たらない
2. Wordpressでonclickコードが消えてイベントトラッキング出来ないのを ...
結果：ページ表示速度や競合の関係で、極力プラグインは避けたい
3. WordPressのビジュアルエディターで、onclickが勝手に消える(削除され ...
結果：解決法1、自動整形は有効にしていたい。
解決法2、クリックしても動作しない。デベロッパーツールでは下記のように表示される

Uncaught ReferenceError: jQuery is not defined
    at ?preview=true:11
jquery-migrate.min.js?ver=1.4.1:2 JQMIGRATE: Migrate is installed, version 1.4.1
?preview=true:14 Uncaught ReferenceError: onTouchStart is not defined
    at ?preview=true:14
?preview=true:1 Error in event handler for (unknown): TypeError: Cannot read property 'state' of null
    at CSRecorder.onQueryStateCompleted (chrome-extension://cplklnmnlbnpmjogncfgfijoopmnlemp/content_scripts/recorder.js:106:18)
```4. [【ワレコの備忘録】WordPress で onclick が削除される問題（解決）](https://www.wareko.jp/blog/solution-for-onclick-deleted-in-wordpress) 
結果：クリックしても動作しない。デベロッパーツールでは下記のように表示される
```ここに言語を入力
Uncaught SyntaxError: Invalid regular expression: missing /
jquery-migrate.min.js?ver=1.4.1:2 JQMIGRATE: Migrate is installed, version 1.4.1
?preview=true:18 Uncaught ReferenceError: onTouchStart is not defined
    at ?preview=true:18
?preview=true:1 Error in event handler for (unknown): TypeError: Cannot read property 'state' of null
    at CSRecorder.onQueryStateCompleted (chrome-extension://cplklnmnlbnpmjogncfgfijoopmnlemp/content_scripts/recorder.js:106:18)

補足情報（FW/ツールのバージョンなど）

Mac
OS:macOS High Sierra　バージョン10.13.6
モデル：iMac (21.5-inch, Mid 2011)
プロセッサ：2.5 GHz Intel Core i5
メモリ：4 GB 1333 MHz DDR3
Google Chrome　バージョン:70.0.3538.110
Safari　バージョン:12.0.1
Wordpressバージョン：4.9.8

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

回答1件

ベストアンサー

適当なidを振ったりカスタムデータをつかったりすればよいのでは？

javascript
1<form><input type="button" value="コメント自動入力" data-onclick="omikuji"></form>
2
3<script>
4window.addEventListener('DOMContentLoaded', function(e){
5  document.querySelector('[data-onclick="omikuji"]').addEventListener('click',omikuji);
6});
7function omikuji() {
8    rand = Math.floor(Math.random()*5);
9    if (rand == 0) msg = "コメント1";
10    if (rand == 1) msg = "コメント2";
11    if (rand == 2) msg = "コメント3";
12    if (rand == 3) msg = "コメント4";
13    if (rand == 4) msg = "コメント5";
14    document.querySelector('#comment').value = msg;
15}
16</script>
17<textarea id="comment"></textarea>