wordstory.html

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>wordstory.html</title>
    <link rel = "stylesheet"
        type = "text/css"
        href = "wordStory.css" />
    <script type="text/javascript"
            src = "wordStory.js">
    </script>
</head>
<body>
    <h1>Word Story</h1>
    <form action=" ">
        <fieldset>
            <label for = "txtBoy">Boy's name</label>
            <input type = "text"
                id = "txtBoy" />

            <label for = "txtGirl">Girl's name</label>
            <input type = "text"
                id = "txtGirl" />

            <label for = "txtGeol">Geological formation</label>
            <input type = "text"
                id = "txtGeol" />

            <label for = "txtVerb">Verb</label>
            <input type = "text"
                id = "txtVerb" />

            <label for = "txtContainer">Container</label>
            <input type = "text"
                id = "txtContainer" />

            <label for = "txtLiquid">Liquid</label>
            <input type = "text"
                id = "txtliquid" />

            <label for = "txtPart">Body Part</label>
            <input type = "text"
                id = "txtPart" />

            <label for = "txtGerund">ing Verb</label>
            <input type = "text"
                id = "textGerund" />

            <button type = "button"
                onclick = "tellStory()">
                tell the story
            </button>
        </fieldset>
    </form>
    <div id = "output"></div>
</body>
</html>