※ ChatGPTを利用し、要約された質問です（原文：Javascriptのエラー）
Javascriptのエラー
このQ&Aのポイント
HTML中のJavascriptのがエラーになって表示されない問題について解説します。
26行目の記述がエラーとなっている問題を、具体的な修正方法と共に解決策を提案します。
参考にしたサイトの情報を元に作成したHTMLコードにエラーがある場合の対処方法をご紹介します。
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」を参考にして書きました。
