Untitled

<!DOCTYPE html>
<head>
    <title>A3 - To-Do List</title>
</head>

<body>
    <form name="form1" method="post" action="">
        <p>
            <label for="listItem">To-Do:</label>
            <input type="text" name="listItem" id="listItem">
            <input type="submit" value="Submit">
        </p>
    </form>
    <ul>
  </ul>
    <script>
        var newEl = document.createElement('li');
        var newText = document.createTextNode('quinoa');
        newEl.appendChild(newText);
        var position = document.getElementsByTagName('ul')[0];
        position.appendChild(newEl);
    </script>
</body>
</html>