Scribd
Upload
15 views2 pages

Flight Simulator JavaScript Code

The document contains HTML and JavaScript code for a flight simulator interface. It includes buttons for launching and aborting a mission, with corresponding event listeners to update the status report and change text color. Additionally, there is a checkbox for a task related to the mission and styling applied to list items.

Uploaded by

tester
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
15 views2 pages

Flight Simulator JavaScript Code

The document contains HTML and JavaScript code for a flight simulator interface. It includes buttons for launching and aborting a mission, with corresponding event listeners to update the status report and change text color. Additionally, there is a checkbox for a task related to the mission and styling applied to list items.

Uploaded by

tester
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

1)

[Link]("liftoffButton").addEventListener("click",function(){
[Link]("statusReport").innerText("Houston, biz aya uçuruq!")
})

2)
[Link]("abortMission").addEventListener("mouseover",function(){
[Link]("statusReport").[Link]="red"
})

3)
[Link]("abortMission").addEventListener("mouseout", function(){
[Link]("statusReport").[Link]=""
})

4)
<!DOCTYPE html>
<html>
<head>
<title>Flight Simulator</title>
<style>
.red-item {
color: crimson;
}
</style>
</head>
<body>
<h1>Uçuş Simulatoru</h1>
<p id="statusReport">Kosmik gəmi yerdədir</p>
<ul>
<li>Kosmonavt: <span id="name">"Neil Armstrong"</span></li>
<li>Planet: <span id="home">"Yer Planeti"</span></li>
</ul>

<div style="margin-bottom: 20px">


<h3>Görüləcək işlər:</h3>
<input type="checkbox" id="check" />
<label for="check">Aya uçmalıyıq!</label>
</div>
<button id="liftoffButton">Uçuş!</button>
<button id="abortMission">Missiyanı dayandır</button>
<script src="[Link]"></script>
</body>
</html>

5)
const liElementleri = [Link]("li");
[Link]((el)=>{ [Link]("red-item")})

You might also like