<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width" /> <title>ライツアウトパズル</title> <link rel="stylesheet" href="kadai7.css" type="text/css"> </head> <body> <h1>ライツアウトパズル</h1> <h2>ボタンをクリックするとその上下左右にあるボタンの色が青・グレーに変わります。全てのボタンの色を青に変えたらクリアです。</h2> <div class="box2"> <div class="box1 colorblue" id="box1">1</div> <div class="box1 colorblue" id="box2">2</div> <div class="box1 colorblue" id="box3">3</div> <div class="box1 colorblue" id="box4">4</div> <div class="box1 colorblue" id="box5">5</div> </div> <div class="box2"> <div class="box1 colorblue" id="box6">6</div> <div class="box1 colorblue" id="box7">7</div> <div class="box1 colorblue" id="box8">8</div> <div class="box1 colorblue" id="box9">9</div> <div class="box1 colorblue" id="box10">10</div> </div> <div class="box2"> <div class="box1 colorblue" id="box11">11</div> <div class="box1 colorblue" id="box12">12</div> <div class="box1 colorgray" id="box13">13</div> <div class="box1 colorblue" id="box14">14</div> <div class="box1 colorblue" id="box15">15</div> </div> <div class="box2"> <div class="box1 colorblue" id="box16">16</div> <div class="box1 colorblue" id="box17">17</div> <div class="box1 colorblue" id="box18">18</div> <div class="box1 colorblue" id="box19">19</div> <div class="box1 colorblue" id="box20">20</div> </div> <div class="box2"> <div class="box1 colorblue" id="box21">21</div> <div class="box1 colorblue" id="box22">22</div> <div class="box1 colorblue" id="box23">23</div> <div class="box1 colorblue" id="box24">24</div> <div class="box1 colorblue" id="box25">25</div> </div> <script src="kadai7.js"></script> </body> </html>