Untitled

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="main.js"></script>
</head>
<body>
    <ul>
        <li class="bird">Hummingbird</li>
        <li class="bird">Nightingale</li>
        <li>Lizard</li>
        <li class="bird">Eagle</li>
        <li class="bird">Sparrow</li>
    </ul>
    <form>
        <label>Class</label>
        <input type="text" id="className"/>
        <br />
        <label>Color</label>
        <input type="color" id="color"/>
        <button id="buttonChanger">Paint</button>
    </form>
</body>
</html>