コピペで完結 超簡単 JavaScript クイズ 記述式

はじめに

こちら開発の雑メモです。
JavaScriptの記述式のクイズの記事は案外探してみると少なかったり、理想のものが出てこなかったので、もし役に立てれば幸いです。

完成イメージ

完成イメージです！gifが小さいのでクリックして拡大してみていただければと思います。

実際のコード

quiz.html

 <form name="form">
  Q1)日本で一番大きい山はなんでしょう？<br>
  <font size="2" color="#FF0000">
    （答え記入後、「回答する」をクリックしてください）
  </font><br>
    答え：<input type="text" name="anser">
  <input type="button" value="回答する" onClick="check()">
</form>
<div id="feedback"></div>

<script>
function check(){
  const feedback = document.getElementById("feedback")
  if (document.form.anser.value=="富士山"){ 
    feedback.textContent = "正解！富士山の標高は3776mです。ちなみに2番目に高い山は北岳で3193mです。"}
  else {alert("残念、間違いです")}
}
</script>

JavaScript用のファイルを作って記述するのもありだと思いますが、今回は全てhtmlページに記述しております。ご了承くださいませ。

最後に

いかがでしたでしょうか？少しでも役に立てれば幸いです。