I am developing a Magic 8-ball-styled program and am having problems getting the button to get the answer to work more than one time. It works the first time (after the initial page load and first question typed) even though it does fire an error. After that, it doesn't do anything. I don't really want to reload the page. I still have to write the code to make sure the visitor hasn't asked the same question twice in a row (wanted to get over this hurdle first). The first part of the code checks to see if the visitor included a question mark if you are wondering. Any help is greatly appreciated. If you need more info, please let me know.
CODE
<body>
<form name="frmMagicBall">
function MagicAnswers() {
var txtLastCharacter = "";
var txtCharChk = "";
var txtUsrQuestion = document.frmMagicBall.txtQuestion.value;
for (i=0;i<txtUsrQuestion.length;i++)
{
txtCharChk = txtUsrQuestion.charAt(txtUsrQuestion.length-1)
if (txtCharChk != "?"){
alert("Please add a question mark to your question.");
document.frmMagicBall.txtQuestion.select();
document.frmMagicBall.txtQuestion.focus();
document.getElementById("spnAnswer").innerHTML = "Ask the 8 Ball a question...";
return;
}else{
var newSpan = document.createElement("span");
var newText = document.createTextNode(answers[rNum]);
newSpan.appendChild(newText);
var para = document.getElementById("answertxt");
var spanElm = document.getElementById("spnAnswer");
var replaced = para.replaceChild(newSpan,spanElm); }
}
document.frmMagicBall.txtQuestion.select();
document.frmMagicBall.txtQuestion.focus();
...
<input type="button" name="btnAnswer" id="btnAnswer" value="Ask the 8 Ball" onclick="MagicAnswers();"/>
...
<marquee width="250px" ><p id="answertxt" style="font-size:24px"><span id="spnAnswer"><strong>
<em></em></strong></span></p></marquee>
...
</form>
</body>
1 Oct, 2008 - 05:20 AM
| 