Javascript : 違う色探しゲーム

 

Dotinstallを参考に作ったものをワードプレスに入れてみました。Canvas問題なく使えました。
違う色をクリックすると、ゲームスタートします。
スポンサーリンク

タグ a   href=””はだめ なにか入っていないと

<a id="replay" class="">Replay ?</a>

これだとエディタ終了すると、Wordpressが勝手に整形し次のようになってしまいます。

<a id="replay" class=""></a>Replay ?

Replay?文字列がタグの外に出てしまいます

<a id="replay" class="hidden" href="http://take-web.com/cad/2020/07/javascript_color/">Replay ?</a>

hrefになにか入ってるとちゃんと動きました。

Cocoonで個別記事にCSSとJavascriptどこに入れる

CSSとJavascript

エディタの最下部に私の場合はあります。

CSS

CSSはページ別にクラス名つけないと、他のページにも影響が出てしまいます。

aタグのみだと、すべてのリンクが影響するのでidがある場合は:

a#~~  :  タグ名にid名をすぐにつける   a#replay

 

Javascript

(function(){
   ~~~~~~~;
})();

ページ開いたら、自動で実行されるように

Dotinstallとは少し変えてみました

点数の表示とalerat表示やめました。
document.getElementById("point").innerHTML=txt+" 点";

コメント

タイトルとURLをコピーしました