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
   243   244   245   246   247   248   249   250   251   252   253