自分で楽しむためのJavascript|占いを作ってみよう

ちょっとした気分転換にと、Javascriptで占いを作りました

簡単なものなので、何回もクリックして占うと、同じ結果が出てきて信憑性も低下しますが、1回か2回のクリックで結果をみると、結構、「和む」と思います。

今日のあなたの運勢は!
今日のあなたの一日は
信じる信じないはあなた次第

*********

WPでJavascriptを書くとしばしば動かなくなる

ブログをWPで書いているので、Javascriptの使い方などを紹介しようとすると、WPでJavascriptを動かさないといけないのですが、htmlファイルで作って動かす場合と勝手が違います。

何よりも、度々、それまで動いていたものが動かなくなるので困ってしまいます。

その原因は、WPで「コード」と「ビジュアル」画面を切り替えるときに、WPの都合の良いようにエディット(書き換え)して、コードの一部を消したり、余分なものを書き込んでしまうので、それで動かなくなるようです。

WPのクラシックエディターでは、コードの画面で保存すると「改変されない」ようですが、Javascriptが動かなくなったら、都度、コードを見直して訂正しなくてはならず、これにはイライラさせられます。

私は専門家でないので、もちろん、大したものは作れないのですが、昔々に、シャープやカシオが販売していた「ポケットコンピュータ」という、Basicを内蔵した電卓の親玉のようなものを使って、仕事で使う「繰り返しの計算」をやらせていたことを思い出して、今のパソコンで使えるJavascriptを少し勉強して、ガジェットのようなものを作ってみようとJavascriptをかじってみたのですが、若いときのようにはいきません。

だから、専門家になるのではないのであれば、誰かの作ったものをアレンジできるようになる程度でも、結構楽しめます。もちろん、プログラムも著作物ですから、自分で楽しむだけにするのがいいでしょう。

独学では、大掛かりの物は大変ですし、人さまに見せるものでもないので、それなりにJavascriptを使って遊ぶには、こちらのページで紹介している「ワークブック」は安価な本ですが、私は結構充分に役に立ちました。

もちろん、自分で楽しめるものを作って、それを動かしてみるのが楽しみなので、普段は、WPではなく、htmlでコードを書いて、それを、自分のブラウザで動かしています。

そのような使い方なら、専門家でなくてもJavascriptは役に立つこともあります。

下にhtmlファイルにリンクさせていますので、使えるようなら、自分でアレンジしてみてください。

htmlでコードをアレンジして動かしてみましょう

専門の方には、「基礎の基礎」のことであっても、初心者は何をすればいいのか困ることも多いのですが、さらに、このような基礎の基礎を詳しく説明してくれている書籍は意外と見当たりません。

例があれば、アレンジすればいいのです。

下のリンクに、このページと同様のhtmlファイルを置いています。 それを表示させて、それのコードをコピーして、自分なりの内容にアレンジする … などをやってみるのもいいと思います。

こちらのhtmlファイルは私が作ったものです。

そのコードをコピーして、メモ帳やテキストドキュメント(.txt) に貼り付けて、文言や答えの配列数を変えるなどして、「.txt」を「.html」に変えて保存すればOKです。

これで、自分が使っているブラウザで動くかどうかなどを簡単に試す事ができますね。参考になれば。

以上です。

この記事を書いた人
きょくまめ

電気・電子や科学が好きなシニアです。
壊れた電気製品を直して嫌がられるなど、役に立つのか立たないのかわからないことをする趣味があるので、少しでも役に立ちそうなアイデアを紹介する記事を書いていこうと思っています。

フォローする
楽しむ
PR
シェアする
フォローする
タイトルとURLをコピーしました