Page 248 - Web_Application_v2.0_C12_Fb
P. 248
const Fruits = ['Apple', 'Mango', 'Banana', 'Papaya'];
document.getElementById("demo1").innerHTML = Fruits;
Fruits.sort().reverse();
document.getElementById("demo2").innerHTML = Fruits;
</SCRIPT>
</BODY>
</HTML>
Output:
Case Study: Car's Management Recording System
Swift Rentals is a mid-sized car rental agency located in London. The company has a fleet of vehicles that
are frequently updated — new cars are added when the fleet expands, and old cars are removed as they
are sold or retired from service. The manager needs a simple and efficient tool to quickly manage the list
of available cars without using complex software.
To address this, the IT team developed a basic web-based car inventory management menu using simple
HTML, CSS, and JavaScript. The tool allows the manager to easily update the list of cars in real-time during
meetings, inspections, or while on a call with clients.
The solution of this case study is as follow:
HTML code:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>Car's Management Recording System</TITLE>
<STYLE>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
ul {
list-style-type: none;
padding: 0;
246 Touchpad Web Applications (Ver. 2.0)-XII

