I can't seem to get my code to work, I'm pretty sure I'm missing something, but I cannot figure it out. My skills are not up to par yet. I would really appreciate any feedback.

Instructions:

Modify the random number generator to simulate a die roll.

Then declare a variable for a second die, and roll that one.

Calculate the total number of the two die.

Any other result should say: Point followed by the number rolled.

For example, if the first die shows a 4, and the second die shows a 5, then the total is 9. You would output: Point 9

Every time the user hits this button, a roll of two die should be generated,


Code:
<!DOCTYPE html>
<html lang="en">
  <head>
  	<meta charset="utf-8" />
  	<title>Power Ball</title>

   	<script type="text/javascript">
   	function rollTheDie()
   		{
   		var dieOneRoll, dieTwoRoll, totalNumber;

   		dieOneRoll=document.genNumbers.txtRollDie.value;
		dieOneRoll=parseInt(dieOneRoll);

		dieTwoRoll=document.genNumbers.txtRollDie.value;
		dieTwoRoll=parseInt(dieTwoRoll);

		dieOneRoll = (Math.random()*6) +1;
   		dieTwoRoll = (Math.random()+6) +1;

   		totalNumber=document.genNumbers.txtRollDie.value;
		totalnumber=(dieOneRoll + dieTwoRoll);


	if ( powerBallnumber == "2" || powerBallnumber == "3" || powerBallnumber == "12")
	{
		alert("craps");
	}
	else if ( powerBallnumber == "7" || powerBallnumber == "11" )
	{
		alert("Natural");
	}
	else
	{
		alert("Point");
	}
}
</script>
</head>

<body>

	<form name="genNumbers">
				Click to roll die: <input type="text" name="txtRollDie">
				<input type="button" value="Roll the die" onclick="rollTheDie()">
				</form>

</body>
</html>