Code: <!DOCTYPE html> <html> <head> <title>Q2</title> </head> <body> <form name=
ID: 3548911 • Letter: C
Question
Code:
<!DOCTYPE html>
<html>
<head>
<title>Q2</title>
</head>
<body>
<form name="paymentfrm">
<br>Rate Service
<input type="radio" name="service_code" value="1" /> Poor
<input type="radio" name="service_code" value="2" /> Average
<input type="radio" name="service_code" value="3" /> Excellent
<br>Bill Amount : <input type="text" name="amount" />
<br><input type="button" name="checkbtn" value="Check"/>
</form>
<script>
function bill()
{
var rate =document.paymentfrm.service_code.value;
var amount =parseInt(document.paymentfrm.amount.value);
var percentage;
var service_type;
switch (rate)
{
case 1:
percentage=amount*0.05;
service_type="Poor";
break;
case 2:
percentage=amount*0.10;
service_type="Average";
break;
case 3:
percentage=amount*0.20;
service_type="Excellent";
break;
default:
percentage=0;
}
document.write("Service Type: "+service_type);
document.write("<br>Tips Percentage: "+percentage);
}
</script>
</body>
</html>
Cannot output.
Can help me solve it, using comment to explain.
Explanation / Answer
<!DOCTYPE html>
<html>
<head>
<title>Q2</title>
</head>
<body>
<form name="paymentfrm">
<br>Rate Service
<input type="radio" name="service_code" value="1" /> Poor
<input type="radio" name="service_code" value="2" /> Average
<input type="radio" name="service_code" value="3" /> Excellent
<br>Bill Amount : <input type="text" name="amount" />
<br><input type="button" name="checkbtn" value="Check"/>
</form>
<script>
function bill(frm)
{
var rate;
for (var i = 0; i < frm.service_code.length; i++){
if (frm.service_code[i].checked){
rate= parseInt(frm.service_code[i].value)
break
}
}
var amount =parseInt(document.paymentfrm.amount.value);
var percentage;
var service_type;
switch (rate)
{
case 1:
percentage=amount*0.05;
service_type="Poor";
break;
case 2:
percentage=amount*0.10;
service_type="Average";
break;
case 3:
percentage=amount*0.20;
service_type="Excellent";
break;
default:
percentage=0;
}
document.write("Service Type: "+service_type);
document.write("<br>Tips Percentage: "+percentage);
}
</script>
</body>
</html>