Untitled

<!DOCTYPE html>
<html>
    <head>
        <title>Val Exercise</title>
    </head>
    <body>
        <button id="magic">Click Here</button><br>

        <!--
        1. Add a click handler to the button
        2. When you click the button, the text from the input boxes should appear in the box with the same color (after you write the JavaScript, make sure to add some text in the input boxes)

        HINT: You only need ONE click handler (not three!)
        -->

        <div class="input-label">Red:</div>
        <input id="red" placeholder="Red"><br>

        <div class="input-label">Yellow:</div>
        <input class="yellow" placeholder="Yellow"><br>

        <div class="input-label">Green:</div>
        <input id="green" placeholder="Green"><br>

        <!-- red -->
        <div class="one three four five"></div>

        <!-- yellow -->
        <div id="thing"></div>

        <!-- green -->
        <div class="one two three four"></div>

    </body>
</html>