<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>出会って3秒で爆発</title>
<script type="text/javascript" src="10.js" charset="utf-8"></script>
<style type="text/css">
h1{text-align:center;}
div{
border:1px solid #2c2c2c;
margin:0 auto;
width: 10px;
text-align:center;
padding: 3px 50px;
background-color:#ffe9e9;
}
p{font-size:15px;}
p.start{text-align:center;font-size:30px;}
div:hover{background-color:#d06b6b;}
#info{text-align:center; font-size:18px;}
</style>
</head>
<body>
<p id="info">STARTを押してから時間内に1~10を選んでね</p>
<p class="start">
<button id="start" type="button" value="START">| START |</button>
</p>
<div><p>1</p></div>
<div><p>2</p></div>
<div><p>3</p></div>
<div><p>4</p></div>
<div><p>5</p></div>
<div id="true"><p>6</p></div>
<div><p>7</p></div>
<div><p>8</p></div>
<div><p>9</p></div>
<div><p>10</p></div>
</body>
</html>
