<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>What Type of Coffee Are You?</title>
    <style>
        label { display: block; }
        #results div { display: none; font-weight: bold; margin-top: 10px; }
        #incomplete { color: red; display: none; }
    </style>
</head>
<body>

<h2>What Type of Coffee Are You?</h2>
<p>Take this fun quiz to find out which coffee matches your personality!</p>

<ol>
    <li>What do you prefer to do in your spare time?</li>
    <label><input type="radio" name="q0" value="0"> Reading a book</label>
    <label><input type="radio" name="q0" value="1"> Going on an adventure</label>
    <label><input type="radio" name="q0" value="2"> Relaxing at home</label>
    <label><input type="radio" name="q0" value="3"> Socializing with friends</label>
    <label><input type="radio" name="q0" value="4"> Trying something new</label>

    <li>How do you like your coffee?</li>
    <label><input type="radio" name="q1" value="0"> Strong and black</label>
    <label><input type="radio" name="q1" value="1"> With a splash of milk</label>
    <label><input type="radio" name="q1" value="2"> Sweet and creamy</label>
    <label><input type="radio" name="q1" value="3"> Iced and refreshing</label>

    <li>What’s your ideal vacation?</li>
    <label><input type="radio" name="q2" value="0"> A cozy cabin in the mountains</label>
    <label><input type="radio" name="q2" value="1"> A thrilling city adventure</label>
    <label><input type="radio" name="q2" value="2"> A tropical beach retreat</label>
    <label><input type="radio" name="q2" value="3"> Camping alone in the jungle </label>
    
    <li>Which describes you best?</li>
    <label><input type="radio" name="q3" value="0"> Calm and collected</label>
    <label><input type="radio" name="q3" value="1"> Spontaneous and energetic</label>
    <label><input type="radio" name="q3" value="2"> Warm and friendly</label>
    <label><input type="radio" name="q3" value="3"> Strong and independent</label>
    <label><input type="radio" name="q3" value="4"> Easy going and laid back</label>


    <li>What’s your go-to morning routine?</li>
    <label><input type="radio" name="q4" value="0"> Meditating or journaling</label>
    <label><input type="radio" name="q4" value="1"> Going to the gym</label>
    <label><input type="radio" name="q4" value="2"> Grabbing coffee and heading out</label>
    <label><input type="radio" name="q4" value="4"> Sleeping in </label>


    <li>Which dessert do you prefer?</li>
    <label><input type="radio" name="q5" value="0"> Dark chocolate</label>
    <label><input type="radio" name="q5" value="1"> Cheesecake</label>
    <label><input type="radio" name="q5" value="2"> Ice cream sundae</label>
    <label><input type="radio" name="q5" value="3"> Chocolate lava cake</label>
    <label><input type="radio" name="q5" value="4"> Funnel cake</label>
    

    <li>What kind of weather do you love?</li>
    <label><input type="radio" name="q6" value="0"> Cold and snowy</label>
    <label><input type="radio" name="q6" value="1"> Warm and sunny</label>
    <label><input type="radio" name="q6" value="2"> Rainy and cozy</label>
    <label><input type="radio" name="q6" value="3"> Thunderstorms</label>
    <label><input type="radio" name="q6" value="4"> Cloudy and foggy</label>
    

    <li>Pick a hobby:</li>
    <label><input type="radio" name="q7" value="0"> Cooking</label>
    <label><input type="radio" name="q7" value="1"> Traveling</label>
    <label><input type="radio" name="q7" value="2"> Painting</label>
    <label><input type="radio" name="q7" value="3"> Playing sports</label>
    <label><input type="radio" name="q7" value="4"> Playing an instrument</label>

    <li>Which pet would you choose?</li>
    <label><input type="radio" name="q8" value="0"> Dog</label>
    <label><input type="radio" name="q8" value="1"> Cat</label>
    <label><input type="radio" name="q8" value="2"> Fish</label>
    <label><input type="radio" name="q8" value="3"> Reptile</label>

    <li>How do you handle stress?</li>
    <label><input type="radio" name="q9" value="0"> Staying calm and analyzing the situation</label>
    <label><input type="radio" name="q9" value="1"> Taking a break and relaxing</label>
    <label><input type="radio" name="q9" value="2"> Powering through it</label>

    <li>What’s your favorite time of day?</li>
    <label><input type="radio" name="q10" value="0"> Early morning</label>
    <label><input type="radio" name="q10" value="1"> Afternoon</label>
    <label><input type="radio" name="q10" value="2"> Late night</label>

    <li>Which movie genre do you enjoy the most?</li>
    <label><input type="radio" name="q11" value="0"> Drama</label>
    <label><input type="radio" name="q11" value="1"> Action</label>
    <label><input type="radio" name="q11" value="2"> Comedy</label>
    <label><input type="radio" name="q11" value="3"> Adventure</label>
    <label><input type="radio" name="q11" value="4"> Horror</label>

    <li>What’s your dream job?</li>
    <label><input type="radio" name="q12" value="0"> Writer</label>
    <label><input type="radio" name="q12" value="1"> Entrepreneur</label>
    <label><input type="radio" name="q12" value="2"> Artist</label>
    <label><input type="radio" name="q12" value="3"> Doctor</label>
    <label><input type="radio" name="q12" value="4"> Engineer</label>

    <li>What is your favorite type of music?</li>
    <label><input type="radio" name="q13" value="0"> Classical</label>
    <label><input type="radio" name="q13" value="1"> Rock</label>
    <label><input type="radio" name="q13" value="2"> Pop</label>
    <label><input type="radio" name="q13" value="3"> Rap</label>
    <label><input type="radio" name="q13" value="4"> Jazz</label>
    <label><input type="radio" name="q13" value="5"> Classical</label>
    
</ol>

<button type="button" onclick="quiz()">Find out what kind of coffee you are...</button>

<div id="incomplete">You have not answered all of the questions!</div>

<div id="results">
    <div id="result0">You are a Latte! Smooth, creamy, and comforting.</div>
    <div id="result1">You are a Cappuccino! Bold, foamy, and full of energy.</div>
    <div id="result2">You are an Americano! Strong, classic, and reliable.</div>
    <div id="result3">You are an Espresso! Intense, sophisticated, and full of depth.</div>
    <div id="result4">You are a Mocha! A perfect mix of sweet and bold.</div>
</div>

<script>
    function quiz() {
        const num_results = 5;
    [[2, -1, 5, -3, 4], [-3, 2, -2, 4, 1], [5, 3, -1, -2, 4], [-2, 4, 1, 3, 2], [4, 2, -3, 1, 5]],[[-3, 2, 5, -1, 4], [4, -2, 3, 1, -5], [5, -1, 2, -3, 4], [2, 3, 1, 5, -4]],[[3, -2, 1, 5, -1], [-2, 4, 3, -1, 2], [5, 2, -3, 1, -4], [1, 5, -2, 3, 4]],
[[2, 5, -3, 4, -1], [1, 3, 5, -2, 4], [-4, 1, 3, 2, 5], [3, -1, 4, 5, -2], 
[-2, 3, 5, 1, -4]],[[5, -1, 4, 3, -2], [-3, 4, 5, -1, 2], [1, 5, -2, 4, 3], [3, -4, 1, 5, 2]]
];
        </script>

</body>
</html>

my button is not working to pls fix