<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Birthday Paradox</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="/birthdayparadox/style">
    </head>
    <body>
        <h1>The Birthday Paradox</h1>
        
        <p class="text"><a href="https://en.m.wikipedia.org/wiki/Birthday_problem" target="_blank">The birthday paradox</a> is the idea that if there are 23 people in a room, there is about a 50% chance that two people in the room have the same birthday.  While counterintuitive it is very true.  This page shows this by creating random "birthdays" and then showing the matches, if any.  Play around with the number of people to see different odds.</p>

        <p class="text">Watch an explanation <a href="https://www.youtube.com/watch?v=ofTb57aZHZs" target="_blank">here</a>.</p>

        <div class="interactive">
            <label>Number of people:
                <input id="partiers" type="number" step="1">
            </label>

            <button id="tryAgain" class="button">Try Again</button>
        </div>

        <h3></h3>

        <div id="datesDiv"></div>

        <script src="/birthdayparadox/code"></script>
    </body>
</html>