Q&A
エラーについては確認されましたか？おそらくエラーが出ていると思いますが。
ボタンを押して、吉か凶かが出るコードを作ろうと思ったのですが押しても反応がありません。
コードで間違えている部分がありましたら、教えていただけると幸いです。
<html> <body> <a class="chsllenge" onclick="handan">未来を決めよう</a> <div id="kekka"></div> <script type="text/javascript"> function handan{ var rand_01 = Math.floor( Math.random() * 100) ; if (rand < 80) msg = "吉"; if (rand < 20) msg = "凶"; document.getElementById("kekka").innerHTML = msg; } </script> <style type="text/css"> a.chsllenge { display: block; position: relative; width: 160px; padding: 0.8em; text-align: center; text-decoration: none; color: #fff; border:1px solid #8BC34A; background: #8BC34A; overflow: hidden; z-index: 1 !important; } a.chsllenge:after { content:""; position: absolute; top: 50%; left: 50%; height: 0; width: 100%; background : #fff; opacity: 0; transform: translateX(-50%) translateY(-50%) rotate(45deg); transition: 0.3s; z-index: -1; } a.chsllenge:hover { color: #da3c41; } a.chsllenge:hover:after { height: 250%; opacity: 1; } a.chsllenge:active:after { height: 350%; opacity: 1; } </style>
回答2件
0
ベストアンサー
インデントを覚えましょう。
読みやすくなり、ミスを見つけるのにも役立ちます。
関数の宣言部分(1行目)、ifの条件式内の変数名(3,4行目)に誤り。
更にいうと、この条件式だと80より上の数が来たときにエラーとなります。
javascript
1function handan(){ 2 var rand_01 = Math.floor( Math.random() * 100) ; 3 if (rand_01 < 80) msg = "吉"; 4 if (rand_01 < 20) msg = "凶"; 5 document.getElementById("kekka").innerHTML = msg; 6}
「handan」ではなく「handan()」(1行目)
html
1<a class="chsllenge" onclick="handan()">未来を決めよう</a> 2<div id="kekka"></div>
投稿2020/11/13 13:00
総合スコア305
0
()が足りないですね。
JavaScript
1function handan(){ 2...
投稿2020/11/13 12:46
総合スコア1907
あなたの回答
tips
プレビュー
