Javascriptの勉強をしています。
onclickのコードを実装したいのですが、うまくいきません。
https://techacademy.jp/magazine/15062
こちらのサイトを参考にコードを書いてchrome上でindex.htmlを開き、
表示されたブロックをクリックしてみても、反応がない状況です。
他のコードにてcssとjavascriptが適用されるのは確認済のため、
ファイル名や階層が間違っている可能性は考えづらいです。
何か間違っている点や気になる点がありましたら、ご教授ください。
また、teratailでの質問は初めてなもので、
失礼な点がありましたらそちらも教えていただけるとありがたいです。
よろしくお願いいたします。
ソースコードは以下となっています。
html
1<!doctype html> 2<html lang="ja"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>通知</title> 6 <link rel="stylesheet" type="text/css" href="css/stylesheet.css"> 7 <script type="text/javascript" src="JS/script.js"></script> 8 </head> 9 <body> 10 <div id="text-button"><p id="text">クリック</p> 11 </body> 12</html>
css
1#text-button { 2 display: block; 3 cursor: pointer; 4 width: 160px; 5 text-align: center; 6 border: 1px solid #232323; 7}
javascript
1document.getElementById("text-button").onclick = function() { 2 document.getElementById("text").innerHTML = "クリックされた!"; 3};
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/06/09 12:02
2019/06/09 12:08
2019/06/09 12:24
2019/06/09 12:32
2019/06/09 12:34 編集
2019/06/09 12:40
2019/06/09 12:45
2019/06/09 12:51
2019/06/09 12:55