<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="robots" content="noindex"> <title>神経衰弱</title> <script type="text/javascript" src="sinkei.js"></script> <style> #panel { width: 350px; height:400px; overflow: hidden; } .card { width: 60px; height: 80px; line-height: 80px; border: 1px solid gold; border-radius: 10px; text-align: center; font-size: 26px; font-weight: bold; box-shadow: gray 2px 2px; background: white; float: left; cursor: pointer; } .back { background-image: url('haimen.png'); background-size: 60px 80px; } .finish { opacity: 0; cursor: default; } #result { font-size: 1.2em; font-weight: bold; } </style> </head> <body> <p>神経衰弱ゲームにようこそ</p> <p><button id="start"type="button" value="START">ゲームを始める </button></p> <h3><p id="info">"ゲームを始める"を押してスタート</p></h3> <div id="panel"></div> <div id="result">経過秒数: </div> </body> </html>