前提・実現したいこと
初心者です。簡単なことかもしれませんが困ってしまったのでご教授お願い致します。
javascriptでIDをとって、マウスがのっかったときに色を変更したいのですが、変更できません。
発生している問題・エラーメッセージ
addEventListener内の動きができない。
該当のソースコード
HTML
1<head> 2 <link rel="stylesheet" href="move_button.css"> 3</head> 4<body> 5 6 <div id="square"> 7 <p>v(・ω・)v</p> 8 </div> 9 10 <script type="text/javascript" src="move_button.js"></script> 11</body>
CSS
1#square{ 2 width:7em; 3 padding: 1em; 4 display:block; 5 background-color: rgb(199, 255, 255); 6 color: rgb(32, 24, 17); 7 font-weight: bold; 8 text-align:center; 9}
js
1var baseElement = document.getElementById('square'); 2 3 4square.addEventListener('mouseover', function() { 5 6 square.style.backgroundColor = 'Yellow'; 7 //square.classList.add('square_hover'); 8},fale);
試したこと
alaet使うと、addEventListenerの前に置くと表示できて中に入れると反応しなくなってしまいます。画像を動かす命令を入れたときはうまく動いたのですが、今回は動きません。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/03/21 14:51