Newer
Older
2023-ayano2 / limitQuiz.html
<!DOCTYPE html>
<html lang="ja">
<head>
<title>クイズ</title>
<link rel="stylesheet" type="text/css" href="limitQuiz.css">
<script type="text/javascript" src="limiQuiz.js"></script>
</head>

<body>
<div class="quizzes-container">
<h1>発表課題のクイズ!</h1>
<div class="box3">
<h2>第1問</h2>
<div>
<p>conference roomの意味は?</p>
</div>
<form id="q1">
<input name="answer" type="radio" value="a">会議室</input>
<input name="answer" type="radio" value="b">応接室</input>
<input name="answer" type="radio" value="c">休憩室</input>
</form>
<button class="btn" type="button" onclick="answerQuiz1();">答える
</button>

<div class="quiz-container">
<h2>第2問</h2>
<div>
<p>afflicationの意味は?</p>
</div>
<form id="q2">
<input name="answer" type="radio" value="a">痛い</input>
<input name="answer" type="radio" value="b">悩む</input>
<input name="answer" type="radio" value="c">思考する</input>
</form>
<button class="btn" type="button" onclick="answerQuiz2();">答える
</button>


<div class="quiz-container">
<h2>第3問</h2>
<div>
<p>元素記号Arはなにか?</p>
</div>
<form id="q3">
<input name="answer" type="radio" value="a">アルゴン</input>
<input name="answer" type="radio" value="b">アルミニウム</input>
<input name="answer" type="radio" value="c">銀</input>
</form>
<button class="btn" type="button" onclick="answerQuiz3();">答える
</button>

<p id="score-message"></p>
  </div>
  <button class="btn-score" type="button" onclick="showScore();">合計得
  点を見ようか!</button>
</div>
</body>
</html>