Untitled

<html>
<head>

<script type="text/javascript">

function instructions()
// this function will show a message that says, 'Boy, Howdy' when you click a button
{
        var msg = "Please Enter Your Name and Gender";

        alert(msg);
}

function greeting()
// this function determines the salutation based on gender entered, concatenates the first and last name if the gender isn't known, then displays a welcome message
{
        var firstname = document.personal.firname.value;
        var lastname = document.personal.lastname.value;
        var name = (firstname + " " + lastname);

        for (i = 0; i < document.personal.gender.length; i++) {
                if (document.personal.gender[i].checked == true) gender = i;
        }
        if (gender == 0) {
                document.write("Hi there, Mr. " + lastname);
        } else if (gender == 1) {
                document.write("Hi there, Ms. " + lastname);
        } else {
            document.write("Hey there, " + name + " I don't know your gender.");
        }
}

</script>


</head>

<body>
        <form>
                <input type="button" value="Instructions" onClick="instructions()" />
        </form>

        <form name=personal>
                Enter your first name: <input type="text" name="firname" /><br />
                Enter your last name: <input type="text" name="lastname" /><br />
        Enter your gender (M or F)<br />
        Male: <input type="Radio" name="gender"><br />
        Female: <input type="Radio" name="gender"><br />
                <p><input type="button" value="Click Me!" onClick="greeting()" /></p>
        </form>
</body>
</html>