javascriptを勉強していくなかで、試しにつくってみたページを置いておく場所について考えてみた。今はローカルで動作確認をし、ある程度できたらGoogleドライブにコピーし公開設定をしてスマホなどからアクセスしてみている。
それをブログの記事の中に載せられれば後から探すのも楽なのでやり方を調べてみよう。

Goolge先生に”Wordpress ブログ　記事　javascript”などのキーワードで聞いてみるといくつかのWordPressプラグインを教えてくれる。今回はその中から”CSS & JavaScript Toolbox”というプラグインを試してみた。

1. CSS & Javascript Toolbox のnew Code Blockで以下のようなコードを作成し保存する。

<FORM>
  <INPUT type="button"
         name="Hello"
         value="Hello World!"
         onclick="alert('Hello World!');">
</FORM>

2. 上記のコードを追加する投稿記事を選択する。
　　追記：違った。ヘッダーにボタンがでてきてしまったのでこれは不要だった。

3.　選択した投稿記事の中に、以下のショートコードを追加する。
[cjtoolbox name='Hello World']
するとこんなボタンが現れる。

ボタンをクリックすると”alert(‘Hello World!’);”が実行される。