Numan Iftikhar• 160
@numan-iftikhar
Submitted
- I've struggled a bit while creating custom radio buttons.
- How to create custom radio buttons with text in them?
- How can I improve my semantic markup?
Teodor Jenkler
@TedJenkler
All comments
- Teodor Jenkler• 660
@TedJenkler
Posted
Hi nice work with the design, U need to make buttons and design them and in js link them to a variable t.ex "let rate1 = document.querySelector('#b-1')"
U then need to add a eventlister to wait for a click t.ex "rate1.addEventListener('click', e => { rate = 1 vote = localStorage.setItem("hasVoted", "1") })"
I saved it as a local storage value to be able to use it in the submited page(display it) and i sent to a diffrent page with "submit.addEventListener('click', e => { console.log('Send to new page') if(rate > 0){ e.preventDefault(); window.location.href = "thx.html" } else { alert('Pick 1 to 5') } })"
I would think this is the only way to do this one correct in vanilla JS but havent looked around alot
example of my code(https://github.com/TedJenkler/rating-popup)
Marked as helpful
1 - mbarto• 690
@KatWita
Submitted
Teodor Jenkler• 660@TedJenkler
Posted
Hi nice work, just noticed u forgot to make it POST or GET if all was correct(The text dont dissapear when u press submit with evrything correct)
Marked as helpful
0 - Hussain Murtaza• 410
@Hussain760
Submitted
Teodor Jenkler• 660@TedJenkler
Posted
Nice work Tried ur site and found a bug, if u try to submit a nonvalidemail and then try to fix it it still says it is not working
The Element.classList would be able to solve that or set the Form to POST / GET so u can see the email dissapear when its valid and instead have the submitdisabler in the js file
1
