<!DOCTYPE html>
<html lang="ja">
<head>
<title>BOM</title>
<script type="text/javascript" src="bom.js"></script>
<style type="text/css">
div {border:1px solid black; margin: auto;
width: 10em; text-align:center;
}
.botton-p{text-align:center;font-size:22px;}
div:hover{background-color:#aaa;}
#info{text-align:center; font-size:18px;}
</style>
</head>
<body>
<h2 id="info">開始を押してスタート</h2>
<p class="botton-p"><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 id="true"><p>4</p></div>
<div><p>5</p></div>
<div><p>6</p></div>
<div><p>7</p></div>
<div><p>8</p></div>
<div><p>9</p></div>
<div><p>10</p></div>
<p id="massage"></p>
</body>
</html>
