Q&A
コードは画像では再現確認できません。
マークダウンのcodeでテキストで提示してください。
※コピペで再現確認できるように、HTML、cssも必須です
**Javascriptでおみくじアプリを作成中です。
** ブラウザでの赤丸部分をクリックすると、hit!の文字が出力するようtextContentを用いてコード記載を行ったのですが
クリックを行ってもhit！の表示が反映されませんでした。
記載コードは以下となります。
コード記載の改善をご教授いただければ幸いです。
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <title>おみくじ</title> 6 <link rel="stylesheet" href="css/styles.css"> 7</head> 8<body> 9<div id="btn">?</div> 10 <script src="js/main.js"> </script> 11</body> 12</html>
CSS
1body{ 2 background:seashell ; 3} 4#btn{ 5 width:200px; 6 height: 200px; 7 background:#ef454a ; 8 border-radius:50% ; 9 margin: 30px auto; 10 text-align:center; 11 line-height:200px ; 12 color: #fff; 13 font-weight: bold; 14 font-size: 42px; 15｝
Javascript
1"use strict"; 2 3{ 4 const btn = document.getElementById("btn"); 5 6 btn.addEventListener("click", () => { 7 btn.textContent ="hit!", 8 } ); 9}
回答1件
0
ベストアンサー
=>が>=になってます。
アロー関数の名の通り、これは不等号ではなく右矢印⇨を表したものになります。
投稿2021/11/05 15:38
編集2021/11/05 15:39
総合スコア1332
ご回答ありがとうございます。
ご教授頂き、=>と打ち直しを行ったのですが反映がされませんでした。
~警告部の（）もしくは.の問題なのでしょうか？
連続の質問となりますがご教授頂ければ幸いです。
あと考えられるのは、コードがテキストでなく画像で示されているので判断できませんが、括弧やピリオドが全角とかじゃないですかね。
確認したのですが、半角で入力を行っていました。
質問文にcodeの追記を行っています。
"hit!",のカンマがいりません。もし入れるならセミコロン;です。
あとcssの最後の閉じ括弧が全角になってます。
これ以外はちょっとわからないですね。そこ直せば普通に動くので。
ご回答ありがとうございます。
セミコロン・閉じ括弧の修正により実装できました。
助かりました。ありがとうございます。
文法を見直し、慎重にコード記載を行うよう改善します。
あなたの回答
tips
プレビュー
