Untitled

<html>
<head>
        <title>robo-speek converter</title>
        <script type="text/javascript">
                function convertString() {
                        if (userInput == "") {
                                console.log("asdf");
                        }
                }

                function doIt() {
                        if (userInput == 1) {
                                document.getElementById("outputArea").innerHTML = "Please enter a string to be converted in the text area and hit submit.";
                                document.getElementById("submitButton").onclick = convertString;
                        }
                }
        </script>
</head>
<body>
        <h1>Robo-speek converter</h1>
        <input type="text" id="inputArea" />
        <input type="submit" id="submitButton" onclick="doIt()" />
        <p id="outputArea">Please enter 1 and hit submit to enter in a string, 2 to convert an already entered string, 3 to output the converted string, or exit to quit the program.</p>
</body>
</html>