I am working on an assignment for a javascript course, to have a user input a name and make a selection from a dropdown menu, then click a button to add the input/selection to a map, then click another button to display the map data. After writing the code, I can enter the name and make the selection, but clicking the buttons doesn't do anything. Tried debugging, and I keep getting weird errors. The newest error is in the line declaring ADDBUTTON, saying document.getElementByID isn't a function. I have also been getting an error in the ADDBUTTON.onclick block that I can't assign a null variable.

Does anyone have any thoughts?

```
...

<!DOCTYPE html>

<html>
    <head>
        <title>Camp Whack-a-Doo Chore List</title>
    </head>

    <body>

        <h1>Add to the Chore List</h1>

        <p>Enter the Camper's name and their assigned chore, then click the Add button.
        Click the Display button to view the list.</p>

        <label for = "name">Camper Name</label>
        <input type = "text" id = "name" /><br/>

        <label for = "chore">Choose a Chore</label>
        <select id = "chore">

            <option value = "frontSweep">Front Room Sweep</option>
            <option value = "backSweep">Back Room Sweep</option>
            <option value = "outsideGrounds">Outside Grounds</option>
            <option value = "toilet">Clean Toilet</option>
            <option value = "sink">Clean Sink</option>
            <option value = "trashSupplies">Trash Patrol and Supplies</option>

        </select><br/>

        <button id = "btnToAddToCL">Add to Chore List</button>
        <button id = "btnToDisplayCL">Display Chore List</button>

        <div id = "result"></div>

    <script>

    const ADDBUTTON = document.getElementByID('btnToAddToCL');
    const DISPLAYBUTTON = document.getElementByID('btnToDisplayCL');

    let choreList = new Map();

    ADDBUTTON.onclick = function(){

        let name = document.getElementByID('name');

        let c = document.getElementByID('chore').value;
        let chore = c.target.options[c.selectedIndex].text;

        choreList.set(name.value, chore.value);

        name.value = "";
        chore.value = "";

    };

    DISPLAYBUTTON.onclick = function(){

        let out = "";

        for(let x of choreList.entries()){

            out += x[0] + ": " + x[1];
            out += "<br/>";

        }

        document.getElementByID('result').innerHTML = out;

    }

    </script>

    </body>

</html>
...

```