Does anyone know why this code doesn't work when i try to count the number of sevens?
<!doctype html>
<!Lab 5>
<html>
<head>
<title> Die Rolls </title>
<script type="text/javascript" src="http://balance3e.com/random.js">
</script>
<script type="text/javascript">
function ResetCounters()
{
document.getElementById('rollSpan').innerHTML = 0
document.getElementById('doubleSpan').innerHTML = 0
}
function RollDice()
// Assumes: die images are in http://balance3e.com/Images
// Results: displays 2 random die rolls & keeps a count in rollSpan
{
var roll1, roll2;
roll1 = RandomInt(1, 6);
roll2 = RandomInt(1, 6);
document.getElementById('die1Img').src =
'http://balance3e.com/Images/die' + roll1 + '.gif';
document.getElementById('die2Img').src =
'http://balance3e.com/Images/die' + roll2 + '.gif';
document.getElementById('rollSpan').innerHTML =
parseFloat(document.getElementById('rollSpan').innerHTML) + 1;
if (roll1 == roll2)
{
document.getElementById('doubleSpan').innerHTML =
parseFloat(document.getElementById('doubleSpan').innerHTML) + 1;
}
if (roll1 == 1 && roll2 == 6)
{
document.getElementById(‘sevenSpan').innerHTML =
parseFloat(document.getElementById(‘sevenSpan').innerHTML) + 1;
}
}
</script>
</head>
<body>
<div style="text-align:center">
<p>
<img id="die1Img" alt="die image"
src="http://balance3e.com/Images/die1.gif">
<img id="die2Img" alt="die image"
src="http://balance3e.com/Images/die1.gif">
</p>
<input type="button" value="Click to Roll" onclick="RollDice();">
<input type="button" value="Reset" onclick="ResetCounters();">
<hr>
<p>
Number of rolls: <span id="rollSpan">0</span> <br>
Number of doubles: <span id="doubleSpan">0</span> <br>
Number of sevens: <span id=“sevenSpan”>0</span>
</p>
</div>
</body>
</html>