Menu
Hi – just started to learn Javascript so please my noviceyness (!)…
Have written following script for user to enter certain values (for a lifestyle questionnaire) and returns sum of a range of questions.
My test code (below) works on my IE but not in other browsers – any suggestions? Sorry if this stupidly obvious. Many thanks in advance
pete
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<script language=”JavaScript” type=”text/javascript”>
function qcheck(x)
{
var answer = x;
if ((answer.value < 0) || (answer.value > 5) || (isNaN(answer.value)== true))
{
alert(“please enter valid input”);
}
}
function result()
// adds up the answers entered by user and displays result
{
var answer = parseInt(document.spq.q1.value) + parseInt(document.spq.q2.value) + parseInt(document.spq.q3.value);
var answer2 = parseInt(document.spq.q4.value) + parseInt(document.spq.q5.value) + parseInt(document.spq.q6.value);
document.write(answer + ” result1 (ques 1 to 3 added together)”);
document.write(answer2 + ” result2 (ques 4 to 6 added together)”);
}
</script>
</head>
<body>
<form name=”spq” id=”spq”>
<p>
<input name=”q1″ type=”text” id=”q1″ size=”3″ onChange=”qcheck(document.spq.q1)”>
q1 </p>
<p>
<input name=”q2″ type=”text” id=”q2″ size=”3″ onChange=”qcheck(document.spq.q2)”>
q2</p>
<p>
<input name=”q3″ type=”text” id=”q3″ size=”3″ onChange=”qcheck(document.spq.q3)”>
q3 </p>
<p>
<input name=”q4″ type=”text” id=”q4″ size=”3″ onChange=”qcheck(document.spq.q3)”>
q4</p>
<p>
<input name=”q5″ type=”text” id=”q5″ size=”3″ onChange=”qcheck(document.spq.q4)”>
q5</p>
<p>
<input name=”q6″ type=”text” id=”q6″ size=”3″ onChange=”qcheck(document.spq.q6)”>
q6 </p>
<p>
<input type=”submit” name=”Submit” value=”Submit” onClick=”result()”>
</p>
</form>
</body>
</html>