Checked property

property that determines the checked state of an HTML checkbox or radio button element

<input type="checkbox" id="myCheckBox">
<label for="myCheckBox"> subscribe </label>
<br>
 
<input type="radio" id="visaBtn" name="card">
<label for="visaBtn"> visa </label>
<br>
<input type="radio" id="mastercardBtn" name="card">
<label for="mastercardBtn"> mastercard </label>
<br>
<input type="radio" id="paypalBtn" name="card">
<label for="paypalBtn"> paypal </label>
<br>
 
<button type="submit" id="mySubmit">submit</button>
 
<p id="subResult"></p>
<p id="paymentResult"></p>
 
 
<script> 
	//Element DOM
	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(){
		//subscribe check!!!
		if(myCheckbox.checked){
			subResult.textContent = "you are subscribed"
		}
		else{
			subResult.textContent = "you are not subscribed"
		}
		
		//payment check!!
		if(visaBtn.checked){
			paymentResult.textContent = "you are paying with visa"
		}
		else if(mastercardBtn){
			paymentResult.textContent = "you are paying with mastercard"
		}
		else if(paypalBtn){
			paymentResult.textContent = "you are paying with paypal"
		}
		else{
			paymentResult.textContent = "you mush select a payment type"
		}
	}
</script>