<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>janken</title> <style> #state{ font-weight: bold; text-align: center; color: red; margin: 10px 0; } #text1{text-align: center; font-size: 20px;} #text2{text-align: center; font-size: 20px;} </style> </head> <body> <br> <div id="text1"> <div><span id="cpu"></span></div> <div id="state" >最初はグー!じゃんけん・・・</div> </div> <div id="text2"> <div><span id="player"></span></div> <br> <button id="gu">グー</button> <button id="cho">チョキ</button> <button id="pa">パー</button> </div> <script src="janken.js"></script> </body> </html>