<!DOCTYPE html>
<html lang="ja">
<head>
<title>頑張ろう</title>
<script type="text/javascript" src="kuji.js" charset="utf-8"></script>
</head>
<style type="text/css">
body {background: #e0e4e7;}
div {background-color: #121d4e;
color: #e0e4e7;
border: 1px solid #4e598b; margin: auto;
width: 30%; height: 5em; text-align:center;}
p{text-align: center;}
</style>
<body>
<h1>くじ引きだ</h1>
<p>正解を当てよう。</p>
<p class="botton-p"><button id="start" type="button" value="START">START</button></p>
</body>
<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><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>
