I have a color visualizer on my website in which visitors can design metal buildings. You can view it here. Now, when you are on the visualizer clicking through the colors, notice how the building colors change for the wall, roof, and trim colors. However, when clicking through the "Door Color" swatches, the door colors will not change. I've inspected my code and still can not find where this issue is coming from. I'm seeking another pair of eyes that could possibly help me fix this issue. Thank you in advance.
function myFunction() {
window.print();
}
.mySlides {
display: none;
position: absolute;
}
.active {
display: block;
}
var slideIndex = 1;
function plusDivs(n) {
showDivs(slideIndex += n);
}
function currentDiv(n) {
showDivs(slideIndex = n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("demo");
if (n > x.length) {
slideIndex = 1
}
if (n < 1) {
slideIndex = x.length
}
var children = x[slideIndex - 1].parentElement.getElementsByTagName('img')
var clickedElement = x[slideIndex - 1]
for (var i = 0; i < children.length; i++) {
if (children[i] != clickedElement) {
children[i].classList.remove("active");
}
}
clickedElement.classList.toggle("active");
}
WALL COLOR
ROOF COLOR
TRIM COLOR
DOOR COLOR
WAINSCOT COLOR
*SIGNATURE 300 PANELS COST 35% MORE THAN SIGNATURE 200 PANELS.
SOME COLORS ON SCREEN MAY VARY FROM ACTUAL RESULTS.
Run code snippetExpand snippet
JavaScript questions and answers, JavaScript questions pdf, JavaScript question bank, JavaScript questions and answers pdf, mcq on JavaScript pdf, JavaScript questions and solutions, JavaScript mcq Test , Interview JavaScript questions, JavaScript Questions for Interview, JavaScript MCQ (Multiple Choice Questions)