Seolmoon11.html

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Q11</title>

    <link href="https://fonts.googleapis.com/css2?family=Jua&display=swap" rel="stylesheet">
    <style>
        * {
            font-family: 'Jua', sans-serif;
        }
    </style>
    <link rel="stylesheet" href="Seolmoon.css">
</head>
<body>
    <div class="main_box">
        <div class="top_box">
            <p>MBTI별 추천 직업</p>
        </div>
        <div class="question_box">Q11. 당신의 발표 차례가 다가오고 있습니다. 이때 당신은?</div>

        <form>
            <div class="answer_box">
                <script>
                    var check = false;
                    var page = 11;
                </script>
                    <input class="answer" type="button" value="A1. 너무 떨린다 잘 할수 있을까? 하고 대본을 달달 외운다" onclick='localStorage.setItem("question11", 1);check = true;'>
                    <input class="answer" type = "button" value="A2. 난 자신있어! 흐름만 암기하고 자연스럽게 발표하자" onclick='localStorage.setItem("question11", 2);check = true;'>
                    <script src="./Seolmoon.js"></script>
                <div class="button_box">
                    <input class="prev_button" type="button" value="Prev" onclick='if(check != true){alert("please select the option");}else{location.href=`./Seolmoon${page - 1}.html`}'>
                    <input class="next_button" type="button" value="Next" onclick='if(check != true){alert("please select the option");}else{location.href=`Seolmoon${page + 1}.html`}'>
                </div>
            </div>
        </form>
    </div>
</body>