2. ال
// Sub-problem 1: Create a function to change the icon in the home page.
function changeIconHome() {
const DivContainer = document.getElementsByClassName("product-title");
const newDiv = document.createElement("div");
DivContainer[i].appendChild(newDiv);
}
}
// Sub-problem 2: Create a function to change the icon in the product page.
function changeIconProduct() {
const DavContainer = document.getElementsByClassName("product-section price-section");
if (DavContainer.length !== 0) {
const newDav = document.createElement("div");
newDav.setAttribute("class", "rvw_stars");
insertAfter(DavContainer[0], newDav);
}
}
// Sub-problem 3: Create a function to add a new div with the updated icon to the home page.
function addNewDivHome() {
const DivContainer = document.getElementsByClassName("product-title");
const newDiv = document.createElement("div");
.single-order {
border: 1px dashed var(--body-background-color) !importan
@keyframes shake-x {
0%, 100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-5px,0,0);
transform: translate3d(-5px,0,0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(5px,0,0);
transform: translate3d(5px,0,0);
}
}
.single-product .single-submit.shaked {
animation: shake-x 1s ease infinite;
}
.single-product .single-submit.shaked:hover {
animation: none;
}
