/    Sign up×
Community /Pin to ProfileBookmark

Form Questions

Hi, for an assignment, we have to build a script that asks questions, mine is pretty much a, question? yes, no, format. At the moment I am trying to use the following script:

<HTML>

<HEAD>

<TITLE>Test Input </TITLE>
<HTML>

<HEAD>

<TITLE>Test Input </TITLE>
<SCRIPT LANGUAGE=”JavaScript”>
function q2(form) {
(form.inputbox.value) = “Question 2”;
}
function q3 (form) {
(form.inputbox.value) = “Question 3”;
}
function q4 (form) {
form.inputbox.value = “It worked Q4”;
}
function q5 (form) {
form.inputbox.value = “It worked Q5”;
}
</SCRIPT>
</HEAD>

<BODY>

<FORM NAME=”myform” ACTION=”” METHOD=”GET”>
Question <BR>
<INPUT TYPE=”text” NAME=”inputbox” VALUE=”Question 1″><P>
<INPUT TYPE=”button” NAME=”Y” Value=”Yes” onClick=”q2(this.form)”>
<INPUT TYPE=”button” NAME=”N” Value=”No” onClick=”q3(this.form)”>
</FORM>

</BODY>

</HTML>

What I want this to do is when, for example, I click yes, I want it to change the text box to the next question (i.e. (form.inputbox.value) = “Question 2″?, but, i also want the buttons to change, so the onclick fucntion points to diffrent functions (change onClick=”q2(this.form)” to onClick=”q4(this.form)”) I tried to use

function q2(form) {
(form.inputbox.value) = “Question 2”;
(form.Y.onClick) = “q3(this.form)”
}

However, it only chaned the inputbox, to “question 2”, the button did not change

Any Suggestions?

to post a comment
JavaScript

3 Comments(s)

Copy linkTweet thisAlerts:
@lungerOct 28.2005 — I'm not sure exactly what you're looking for, but try this:
[code=html]<HTML>
<HEAD>
<TITLE>Test Input </TITLE>
<SCRIPT LANGUAGE="JavaScript">
function q2(form) {
if (form.inputbox.value == "Question 2"){
q4(form);
}else{
form.inputbox.value = "Question 2";
}}
function q3(form) {
if (form.inputbox.value == "Question 3"){
q5(form);
}else{
form.inputbox.value = "Question 3";
}}
function q4 (form) {
form.inputbox.value = "It worked Q4";
}
function q5 (form) {
form.inputbox.value = "It worked Q5";
}
</SCRIPT>
</HEAD>

<BODY>

<FORM NAME="myform" ACTION="" METHOD="GET">
Question <BR>
<INPUT TYPE="text" NAME="inputbox" VALUE="Question 1" size="20"><P>
<INPUT TYPE="button" NAME="Y" Value="Yes" onClick="q2(this.form)">
<INPUT TYPE="button" NAME="N" Value="No" onClick="q3(this.form)">
</FORM>

</BODY>

</HTML>[/code]
Copy linkTweet thisAlerts:
@Stoney558authorOct 29.2005 — Hmm... I tried that, but i don't think its exactly what I was after, it's ment to be more of a "Do you have a dog, yes or no?" If you press yes, it will ask question x, if you press no, it will ask question y, so on and so forth, i tried to modify it by using:

<HTML>

<HEAD>

<TITLE>Test Input </TITLE>

<HTML>

<HEAD>

<TITLE>Test Input </TITLE>

<SCRIPT LANGUAGE="JavaScript">

var question = "q1"

function question = "q1"

function yes(form) {

if (question == "q1") {q2(form)};

if (question == "q2") {q3(form)};

}

function no(form) {

if (question == "q1") {q3(form)};

if (question == "q4") {q4(form)};

}

function q2(form) {

(form.inputbox.value) = "Question 2";

var question = "q2";

}

function q3 (form) {

(form.inputbox.value) = "OMFG, Q3!";

var question = "q3";

}

function q4 (form) {

form.inputbox.value = "It worked Q4";

var question = "q4";

}

function q5 (form) {

form.inputbox.value = "OMFG, Q3!";

var question = "q4";

}

</SCRIPT>

</HEAD>

<BODY>

<FORM NAME="myform" ACTION="" METHOD="GET">

Question <BR>

<INPUT TYPE="text" NAME="inputbox" VALUE="Question 1"><P>

<INPUT TYPE="button" NAME="Y" Value="Yes" onClick="yes(this.form)">

<INPUT TYPE="button" NAME="N" Value="No" onClick="no(this.form)">

</FORM>

</BODY>

</HTML>

but i get an error
Copy linkTweet thisAlerts:
@Stoney558authorOct 30.2005 — Ok, ignore the above post, i have it (almost) working

<html>

<head>

<title>Test Input </title>

<script language="Javascript">

var qq1 = "Question 1, yes to go to 2, no to go to 3"

var qq2 = "Question 2, yes to say abc, no to say def"

var qq3 = "Question 3, yes to say hij, no to go to 4"

var qq4 = "Question 4, yes to say klm, no to say nop"

var an1 = "abc"

var an2 = "def"

var an3 = "hij"

var an4 = "klm"

var an5 = "nop"

function yes(form) {

qVar = form.inputbox.value

if (qVar == qq1) {q2(form)}

if (qVar == qq2) {a1(form)}

if (qVar == qq3) {a3(form)}

if (qVar == qq4) {a4(form)}

}

function no(form) {

qVar = form.inputbox.value

if (qVar == qq1) {q3(form)}

if (qVar == qq2) {a2(form)}

if (qVar == qq3) {q4(form)}

if (qVar == qq4) {a5(form)}

}

function q2(form) {

(form.inputbox.value) = qq2

}

function q3(form) {

(form.inputbox.value) = qq3

}

function q4(form) {

form.inputbox.value = qq4

}

function a1(form) {

form.inputbox.value = an1

}

function a2(form) {

form.inputbox.value = an2

}

function a3(form) {

form.inputbox.value = an3

}

function a4(form) {

form.inputbox.value = an4

}

function a5(form) {

form.inputbox.value = an5

}

</script>

</head>

<body onload="javascript?myform.inputbox.value) = qq1">

<form name="myform" action="" method="get">

Question <BR>

<input type="text" name="inputbox" size=50><P>

<input type="button" name="Y" value="Yes" onClick="yes(this.form)">

<input type="button" name="N" value="No" onClick="no(this.form)">

</form>

</body>

</html>

The only problem is that sometimes i have to click the button more than once, any suggestions?
×

Success!

Help @Stoney558 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...