index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <h1 class="title">숫자 맞추기 게임</h1>
        <div id="result-area" class="result-section">숫자를 입력해 주세요</div>
        <div id="chance-area" class="chance-section">남은 기회 : 5번</div>
        <div class="input-button">
            <input type="number" id="user-input" class="user-input-section" placeholder="숫자를 입력하세요">
            <button id="go-button" class="go-button">GO!</button>
        </div>
        <button id="reset-button" class="reset-button">리셋!</button>
    </div>

    <script src="main.js"></script>
</body>
</html>