The document defines functions to create a dynamic car object based on user input. It defines functions to get the make, model, and year values from form elements on the page. It then defines a Car constructor function that takes those values as parameters and sets properties. Methods are defined on the Car prototype to update the page based on property values and checkbox selections, providing responses related to the car's speed, driving, and cruising.

1. window.onload = createCarObject;
function createCarObject()
{
var make =
document.getElementById("carsMake").value;
var model =
document.getElementById("carsModel").value;
var year = document.getElementById("carsYear").value;
document.getElementById("carsMake").innerHTML =
make;
document.getElementById("carsModel").innerHTML =
model;
document.getElementById("carsYear").innerHTML = year;
var newCar = new Car(make, model, year);
newCar.speed();

2. newCar.drive();
newCar.cruise();
}
function updateDocument() {
this.make = document.getElementById("carsMake").value;
this.model =
document.getElementById("carsModel").value;
this.year = document.getElementById("carsYear").value;
document.getElementById("CarsMake").innerHTML =
this.make;
document.getElementById("CarsModel").innerHTML =
this.model;
document.getElementById("CarsYear").innerHTML =
this.year;
this.speeding =
document.getElementById("speed").checked;

3. this.driving = document.getElementById("drive").checked;
this.cruising =
document.getElementById("cruise").checked;
if (this.year >= 2000 && this.speeding) {
document.getElementById("speeding").innerHTML =
" Yes, " + this.name + " says Nice set of wheels man! ";
} else if (this.speeding) {
document.getElementById("speeding").innerHTML =
" Yes, " + this.name + " Yes, it's Purring?! ";
} else {
document.getElementById("speeding").innerHTML =
" No, " + this.name + " No, it's Resting. ";
}
if (this.driving) {
document.getElementById("driving").innerHTML =
"Yes, " + this.name + " I'm a Low Rider!";
} else {

4. document.getElementById("driving").innerHTML =
"No, " + this.name + " Getting to work!";
}
if (this.cruising) {
document.getElementById("cruising").innerHTML =
"Yes, " + this.name + "I'm a Racer";
} else {
document.getElementById("cruising").innerHTML =
"No, " + this.name + "Radar Trap Ahead!";
}
}
function Car(make, model, year) {
this.make = make;
this.model = model;
this.year = year;
Car.prototype.speeding =
document.getElementById("speed").checked;

5. Car.prototype.driving =
document.getElementById("drive").checked;
Car.prototype.cruising =
document.getElementById("cruise").checked;
Car.prototype.speed = function() {
if (this.speed >= 2000 && this.speeding) {
document.getElementById("speeding").innerHTML = "
Yes, " + this.name + " Yes, it's Purring! ";
} else if (this.speeding) {
document.getElementById("speeding").innerHTML = "
Yes, " + this.name + " No, it's resting! ";
} else {
document.getElementById("speeding").innerHTML = " No,
" + this.name + " is being very quiet. ";
}

6. };
Car.prototype.drive = function() {
if (this.sitting) {
document.getElementById("driving").innerHTML = "Yes,
" + this.name + " I'm a Low Rider!";
} else {
document.getElementById("driving").innerHTML = "No, "
+ this.name + " Getting to work!";
}
};
Car.prototype.cruise = function() {
if (this.cruising) {
document.getElementById("cruising").innerHTML = "Yes,
" + this.name + "I'm a Racer!";
} else {
document.getElementById("cruising").innerHTML = "No,

7. " + this.name + "Radar Trap Ahead!";
}
};
}
This page requires JavaScriptEM228 - Scripting for the Web
with JavaScript
Creating Dynamic Car Objects Lab
Enter the Car's Make, Model and Year below:
Make:
Model:
Year:
Car is Running
Car is Cruising
Car is Speeding
The Car's MakeThe Car's ModelThe Car's YearIs the
car Running?Is the car Cruising?Is the car Speeding?
h1, h2, h3, div {

8. text-align: center;
}
body {
background-color: white;
color: #A90232;
}
table {
border: #A90232;
}
th {
text-align: center;
font-weight: bold;
color: black;
}

9. td {
text-align: center;
font-weight: bold;
}
EM228
Requirements
You will use the DynamicDogObject’s HTML/JS/CSS files as
templates - in order to create a set of new DynamicCarObject’s
HTML/JS/CSS files.
CSS: Copy DogObject.css from Class Content - the one we used
for dynamic dog.
Make the modifications (if necessary) so the ids/classes
work with the new
DynamicCarObject.html and DynamicCarObject.js code
that you will create.
HTML: Copy DynamicDogObject.html as a Template to make
these Modifications:
1. Create the Banner to say “Creating Dynamic Car Objects”
2. below the banner say “Enter the Car’s Make, Model and Year
3. rename the labels for the textboxes appropriately
4. label the checkboxes as Car is running - Car is Cruising - Car
is Speeding

10. 5. rename the table elements appropriately
a. For the textbox answers:
i. The Car’s Make is <make>
ii. The Car’s Model is <model>
iii. The Car’s Year is:
1. if < 2000 “Seriously Dude?”
2. if >= 2000 “Nice Set of Wheels Man!”
b. For the checkbox answers:
i. checked = “Yes, it’s Purring” unchecked = “No, it’s Resting”
ii. checked = “I’m a Low Rider” unchecked = “Getting to
Work”
iii. checked = “I’m a Racer” unchecked = “Radar Trap Ahead”
JS: Copy DynamicDogObject.js as a Template & make
Necessary Modifications
Upload to the ClassWeb for me to check there and submit to the
portal as well