JAVASCRIPT How do I print every result of a countdown to the screen. My code bel
ID: 657192 • Letter: J
Question
JAVASCRIPT
How do I print every result of a countdown to the screen. My code below only prints the final answer of 0.
<!DOCTYPE html>
<head>
<title>Kristi Merriman's Kung Fu Panda<br>Po Count Down/Count Up</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript">
function count_down1()
{
for (var i = 200; i >= 0; i-=20)
{
countdown1 = i;
document.getElementById('countdown1_2').innerHTML = countdown1;
}
var message="Po eats too much noodle";
document.getElementById('message2').innerHTML = message;
}
</script>
</head>
<body>
<div id="container">
<h1> Kristi Merriman's Kung Fu Panda <br> Po Count Down / Count Up<h1> <hr />
<h1><em>C</em>lick on the buttons below to do Po's power level<br>count down / count up<h1>
<div id="content">
<p><button type="button">Kristi Merriman's count down 1 using FOR loop</button><br>
<button type="button">Kristi Merriman's count down 2 using WHILE loop</button><br>
<button type="button">Kristi Merriman's count up 1 using FOR loop</button><br>
<button type="button">Kristi Merriman's count up 2 using FOR loop</button></p>
<p> Po's Power: <span id = "countdown1_2" > </span> <br> </p>
<p> <span id = "message2" > </span> <br> </p>
</div>
</body>
</html>
Explanation / Answer
var myCounter = new Countdown({ seconds:5, // number of seconds to count down onUpdateStatus: function(sec){console.log(sec);}, // callback for each second onCounterEnd: function(){ alert('counter ended!');} // final action }); myCounter.start(); function Countdown(options) { var timer, instance = this, seconds = options.seconds || 10, updateStatus = options.onUpdateStatus || function () {}, counterEnd = options.onCounterEnd || function () {}; function decrementCounter() { updateStatus(seconds); if (seconds === 0) { counterEnd(); instance.stop(); } seconds--; } this.start = function () { clearInterval(timer); timer = 0; seconds = options.seconds; timer = setInterval(decrementCounter, 1000); }; this.stop = function () { clearInterval(timer); }; }
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.