The JavaScript checked property is easy ✅

[@BroCodez]

// .checked = property that determines the checked state of an
// HTML checkbox or radio button element
const myCheckBox = document.getElementById("myCheckBox");
const visaBtn = document.getElementById("visaBtn");
const masterCardBtn = document.getElementById("masterCardBtn");
const payPalBtn = document.getElementById("payPalBtn");
const mySubmit = document.getElementById("mySubmit");
const subResult = document.getElementById("subResult");
const paymentResult = document.getElementById("paymentResult");
mySubmit.onclick = function(){
if(myCheckBox.checked){
subResult.textContent = `You are subscribed!`;
}
else{
subResult.textContent = `You are NOT subscribed!`;
}
if(visaBtn.checked){
paymentResult.textContent = `You are paying with Visa`;
}
else if(masterCardBtn.checked){
paymentResult.textContent = `You are paying with MasterCard`;
}
else if(payPalBtn.checked){
paymentResult.textContent = `You are paying with PayPal`;
}
else{
paymentResult.textContent = `You must select a payment type`;
}
}


My website


subscribe

Visa

MasterCard

PayPal
submit



body{
font-family: Verdana;
font-size: 2em;
}
#mySubmit{
font-size: 1em;
}

[@masternobody1896]

epic

[@studyplant5715]

why we are write first in const the id
onst myCheckBox = document.getElementById("myCheckBox");
const visaBtn = document.getElementById("visaBtn");
const masterCardBtn = document.getElementById("masterCardBtn");
const payPalBtn = document.getElementById("payPalBtn");
const mySubmit = document.getElementById("mySubmit");
const subResult = document.getElementById("subResult");
const paymentResult = document.getElementById("paymentResult");
that values ??
what is reason for write this @@masternobody1896

[@SourovChandraBarmon]

Thanks a lot sir🥰

Bro, this new JS series is just great because it is full of examples and mini project in which we can apply the knowledge to a real situation. Thanks a bunch!

[@nemesis_rc]

Exactly, the small handson are very useful for learning the difficult concepts

[@thenoobwhogrinds]

Thanks for making this series. Without you I would've never successed!
This video was the most useful, that's why I'm commenting on this one lol.

[@helioobianchi]

Thanks, bro. You're a real bro 💪

[@christophertucciarone8317]

Incredible - I'm going through each video. thank you so much.

[@rajushah8748]

You are a real Bro to us . We love you 😘

[@piotrmazgaj]

This is my seal. I have watched the entire video, understood it, and I can explain it in my own words, thus I have gained knowledge. This is my seal.

[@MajesticaYEH]

This is exactly the way I can understand js.

[@mrgames-Will]

Thanks as always ❤

[@spacejosh882]

Really cool tutorial, thanks!

[@MrPvssy]

Daddy Brocode teaches me lots

[@peschkeraphel]

you're doing good videos I like it

[@יצחקגבאי-ט6ד]

You are the best

[@gullapallijyothikiran3371]

do videos for the select dropdown .

[@v9wyd]

* this works *

[@dinesh2076]

onlick😂😂🤣🤣

[@alan-overthenet]

Magic!
Clear radio buttons on page refresh:
window.onload = function () {
let radios = document.getElementsByName('card');
radios.forEach(function (radio) {
radio.checked = false;
});
};