Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Using the attached files please format the HTML paragraph with the class regularText in terms of: Text color ( other than the black one )

Using the attached files please format the HTML paragraph with the class regularText in terms of: Text color (other than the black one), Background color (other than the white one), Text aligning (center or right), Padding (add the 30 pixels internal margin) For the formatting purposes you can use one of the three following ways: Inline formatting (inside the HTML paragraph), Internal formatting (head section of HTML file), Formatting in the separate .css file linked to the HTMLScript: let flag = true;const header = document.getElementById("header");const flagType = document.getElementById("flagType");flagType.innerHTML = flag;document.getElementById("goButton");header.addEventListener("click", function (){ if (flag == true){ header.style.backgroundColor = "red"; header.style.color = "black"; } else { header.style.backgroundColor = "aqua"; header.style.color = "blue"; } flag =!flag; console.log("Flag Value ="+ flag); flagType.innerHTML = flag;});// Catching pallet no:const goButton = document.getElementById("goButton");goButton.addEventListener("click", function (a){ a.preventDefault(); let palletsToLoad = document.getElementById("palletsToLoad"); let palletsLoaded = palletsToLoad.value; let noVehicles = Math.ceil(palletsToLoad.value /33); let standsLeft = Math.ceil(33* noVehicles - palletsLoaded); document.getElementById("palletsLoaded").innerHTML = palletsLoaded; document.getElementById("noVehicles").innerHTML = noVehicles; document.getElementById("standsLeft").innerHTML = standsLeft;});Style: h1{ color: blue; background-color: aqua; padding: 10px; text-align: center;}div { width: 80%;}INDEX: Flag bolean value istrueDistribution pallets over the vehiclesGO!Pallets loaded:No Vehicles:Pallet Stands left:It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image_2

Step: 3

blur-text-image_3

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Secrets Of Analytical Leaders Insights From Information Insiders

Authors: Wayne Eckerson

1st Edition

1935504347, 9781935504344

More Books

Students also viewed these Databases questions

Question

Write the first four terms of each sequence. an u

Answered: 1 week ago

Question

=+1. What is the brand's character or personality?

Answered: 1 week ago

Question

=+3. Who is the audience?

Answered: 1 week ago

Question

=+4. What do they (audience members) currently think?

Answered: 1 week ago