<!DOCTYPE html>
<html>
<head>
<<<<<<< HEAD
<title>クイズゲーム</title>
</head>
<style type="text/css">
body{background-color: wheat;}
</style>
<body>
<h1>クイズゲーム</h1>
<p>開始を押してゲームスタート!</p>
<p><button id="start"type="button" onclick="quiz();">開始</button></p>
<script type="text/javascript" src="quiz.js" charset="utf-8">
<!--
function quiz() {
var quiz = document.getElementById("start");
var answer = prompt("べき乗の演算子はどれでしょう。\n\n" + "1: *\n" + "2: **\n" + "3: %", '〇〇');
if (answer=="2") {
alert("正解!");
} else {
alert("不正解");
}
}
// -->
</script>
=======
<title>quiz</title>
<script type="text/javascript" src="quiz.js" charest="utf-8"></script>
<style type="text/css">
h1 {text-align: center;}
h2 {text-align: center;}
div {border: 1px solid black; margin: auto;
width: 10em; text-align: center;}
body {background-color: wheat;}
</style>
</head>
<body>
<h1>クイズゲーム</h1>
<h2>問題:べき乗の演算子はどれでしょう。(制限時間:5秒)</h2>
<div><p>1: *</p></div>
<div id="correct"><p>2: **</p></div>
<div><p>3: %</p></div>
<p><button id="start" type="button" value="START">開始</button></p>
<p id="info">開始を押すとカウントダウンが始まります。</p>
>>>>>>> bb8fb2074e8653251d0c118be33c30cebf6aecc8
</body>
</html>
