Question: JAVASCRIPT Add object-oriented programming techniques to your project by creating custom objects to manage some of the tasks in your project. Store the objects in
JAVASCRIPT
Add object-oriented programming techniques to your project by creating custom objects to manage some of the tasks in your project. Store the objects in a separate file. Create a constructor function for a class of objects and then add methods to your object class prototypes. Create instances of each object class in your code. Your objects and object classes should be designed in such a way that they could be used with other applications.
PLEASE HELP ADD THE FOLLOWING TO CODE BELOW. Please edit code as needed.
var myDate = new Date();
var hrs = myDate.getHours();
var greet;
if (hrs < 12)
greet = 'Good Morning';
else if (hrs >= 12 && hrs <= 17)
greet = 'Good Afternoon';
else if (hrs >= 17 && hrs <= 24)
greet = 'Good Evening';
document.getElementById('lblGreetings').innerHTML =
'' + greet + ' and welcome to my page!';
Abuelita's Mexican Recipes!
A collection of abuelita's favorite recipes
const myForm = document.getElementById("myForm");
let selectedMeats = [];
myForm.addEventListener("submit", function(event) {
event.preventDefault();
const nameInput = document.getElementById("name");
if (nameInput.value === "") {
nameInput.setCustomValidity("Please enter your name.");
} else if (nameInput.value.length < 2) {
nameInput.setCustomValidity("Please enter a valid name.");
} else {
nameInput.setCustomValidity("");
// Get the selected meats
const meatInputs = document.getElementsByName("meat");
selectedMeats = [];
for (let i = 0; i < meatInputs.length; i++) {
if (meatInputs[i].checked) {
selectedMeats.push(meatInputs[i].value);
}
}
myForm.submit();
}
});
// Remove a meat from the selectedMeats array if its checkbox is unchecked
const meatInputs = document.getElementsByName("meat");
for (let i = 0; i < meatInputs.length; i++) {
meatInputs[i].addEventListener("change", function(event) {
if (!this.checked) {
const index = selectedMeats.indexOf(this.value);
if (index !== -1) {
selectedMeats.splice(index, 1);
}
}
});
});
// Convert the selectedMeats array to a string
const selectedMeatsString = JSON.stringify(selectedMeats);
const myForm = document.getElementById("myForm");
myForm.addEventListener("submit", function(event) {
event.preventDefault();
const nameInput = document.getElementById("name");
if (nameInput.value === "") {
nameInput.setCustomValidity("Please enter your name.");
} else if (nameInput.value.length < 2) {
nameInput.setCustomValidity("Please enter a valid name.");
} else {
nameInput.setCustomValidity("");
myForm.submit();
}
});
