Untitled

<html>
<body>

<html>
<body>

    <style>
    #pform {
    position:absolute;
    top:10px;
    left:100px;
    display:none;
    border:2px solid blue;
    padding:8px;
    }
    </style>

<script type="text/javascript">

function prompt() {
// get field to be validated
var pf = document.getElementById( 'pForm' );
pf.style.display = 'block';
}

//document.getElementById( 'pForm' );


//name = prompt("ddd")
//document.write("Hello," +ddd+);

function Madlib() {
document.write("Today in" +Period +Class +"Class" +Name +"asked" +Professor +"if they could" +Verb +"to the" +Place +"." +Professor +"responded to their request by calling them a" +Adjective +BodyPart +".");
}

</script>

<form>
<input type="button" value="prompt" onclick="prompt()" />

</form>
<div id="p">
<form id="pForm">
Period: <input type="text" name="Period" /><br><br>
Class: <input type="text" name="Class" /><br><br>
Name: <input type="text" name="Name" /><br><br>
Professor: <input type="text" name="Professor" /><br><br>
Verb: <input type="text" name="Verb" /><br><br>
Place: <input type="text" name="Place" /><br><br>
Adjective: <input type="text" name="Adjective" /><br><br>
Body Part: <input type="text" name="BodyPart" /><br><br>
<input type="button" value="Enter" onclick="Madlib()" />
</form>
</div>

</body>
</html>

</body>
</html>