Shopify themes, liquid, logos, and UX
Hi guys,
Lately, I've been trying to code something on Shopify, after first coding it on my coding application I tested it on my Live server and it worked perfectly fine.
Unfortunately, I tried it on Shopify but with no success.
I don't know why but maybe one of you experts might know why it doesn't work.
HTML:
<form>
<input type="radio" value="s1"></input>
<input type="radio" value="s2"></input>
<input type="radio" value="s3"></input>
<input type="radio" value="s4"></input>
<input type="radio" value="s5"></input>
<input type="radio" value="s6"></input>
<br>
<div class="main"></div>
</form>
CSS:
.main {
background-color: transparent;
border: 1px solid white ;
width: 50px;
height: 50px;
text-align: center;
}
.main.color1 {
background: blue;
}
JS:
const form = document.querySelector('form');
const color = document.querySelectorAll('.main');
document.querySelector('form').addEventListener('change', function(e) {
let colorCodeD = [...form.querySelectorAll('input[type=radio]:checked')].map(elementD => elementD.value).join('');
color.forEach(elementD => {
elementD.classList.toggle('color1', colorCodeD === 's1');
})
console.log(colorCodeD);
});
I compressed it to make it more understandable and simple. Please Help me I've been stuck forever on this on. haha.
I don't fully understand please explain.
User | RANK |
---|---|
117 | |
96 | |
77 | |
69 | |
38 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022