From 16119e4d53a10edd93e993a5dfeb1ee7353352df Mon Sep 17 00:00:00 2001 From: SandeepKumar1995 <54086388+SandeepKumar1995@users.noreply.github.com> Date: Fri, 9 Apr 2021 18:24:23 -0400 Subject: [PATCH] Update scripts.js --- scripts.js | 39 ++++++++++++++++++++++++++++++++++++++- 1 file changed, 38 insertions(+), 1 deletion(-) diff --git a/scripts.js b/scripts.js index cdba002..be1f6b1 100644 --- a/scripts.js +++ b/scripts.js @@ -1,2 +1,39 @@ // Write your JavaScript code here. -// Remember to pay attention to page loading! \ No newline at end of file +// Remember to pay attention to page loading! +window.addEventListener("load",function(event){ +let takeoff=document.getElementById("takeoff"); +let status=document.getElementById("flightStatus"); +let background=document.getElementById("shuttleBackground"); +let shuttleHeight=document.getElementById("spaceShuttleHeight"); +let land=document.getElementById("landing"); +let abort=document.getElementById("missionAbort"); +takeoff.addEventListener("click",function(event){ + let response=window.confirm("Confirm that the shuttle is ready for takeoff"); + if(response) + { + status.innerHTML="Shuttle in flight."; + background.style.backgroundColor="blue"; + shuttleHeight.innerHTML=10000; + } +}) + +land.addEventListener("click",function(event){ + let response=window.confirm("The shuttle is landing. Landing gear engaged."); + if(response) + { + status.innerHTML="The shuttle has landed."; + background.style.backgroundColor="green"; + shuttleHeight.innerHTML=0; + } +}) + +abort.addEventListener("click",function(event){ + let response=window.confirm("Confirm that you want to abort the mission."); + if(response) + { + status.innerHTML="Mission aborted."; + background.style.backgroundColor="green"; + shuttleHeight.innerHTML=0; + } +}) +})