こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

Javascriptのエラー

HTML中のJavascriptのがエラーになって表示されません。どうすればいいでしょうか…
HTMLは以下の通りです。

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>javascript</title>
<style>
.box{
width: 100px;
height: 100px;
bockground-color: skyblue;
cursor:pointer;
transition: 0.8s;
}
.circle{
background-color: pink;
border-radius: 50%;
transform: rotate(360deg;)
}
</style>
</head>
<body>
<div class="box" id="target"></div>

<script>
'use dtrict';
document.getElementById('target').addEvenListener('click',()=>{
document.getElementById('target').classList,add('circle');
});
</script>
</body>
</html>

Chromeのデペロッパーツールでは、26行目がエラーになっていると書いてありますが(添付画像参照)、どこがエラーなのかがさっぱり分かりません。
どなたか詳しい方、どこがエラーで、どうすれば直るかを教えていただけないでしょうか。
26行目は、
document.getElementById('target').addEvenListener('click',()=>{
と記述してあるところです。

ちなみにこのHTMLソースコードは、「ドットインストール」と言うサイトの講座の「はじめてのJavascript」を参考にして書きました。

大変申し訳ございませんが、この投稿に添付された画像や動画などは、「BIGLOBEなんでも相談室」ではご覧いただくことができません。 OKWAVEよりご覧ください。

マルチメディア機能とは?

投稿日時 - 2019-10-29 18:07:32

QNo.9672534

困ってます

質問者が選んだベストアンサー

エラーメッセージの通りで「addEvenListener」は関数では無いという意味ですね。恐らく addEventListener() の記述ミスなのでは。

投稿日時 - 2019-10-29 18:35:06

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.2

addEvenListener
タイプミスです。

投稿日時 - 2019-10-29 19:29:06

あなたにオススメの質問