基本的に、CSS としてブートストラップを使用していますが、問題が発生しています。ボタン ( id="myQuestionButton"
) をクリックすると、入力ボックス ( ) から入力を受け取り、id="myInput"
それを実行しますfunction checkQuestionWords()
。
入力とボタンに関連するコードのブロックは次のとおりです。
<div class="input-append span9 offset3">
<form>
<input class="span4" type="text" id="myInput"
placeholder="Enter your question."></input>
<button class="btn" type="submit" id="myQuestionButton">
Let's check second.</button>
</form>
</div>
予備的な結果が出力される場所は次のとおりです (今のところは a のみ<div> </div>
)。
<div id="results"></div>
これまでの私の機能は次のとおりです。
function checkQuestionWords(){
var theInput = document.getByElementId("myInput");
var theQuestion = theInput.trim();
var questionWords = ["who", "what", "where", "when", "why", "how"];
var isItGood = false;
for (var i=0, i<7; i++){
var holder1 = questionWords[i];
var holder2 = holder1.length;
if (theQuestion.substr(0,holder2) == questionWords[i]){
isItGood = true;
break;}
else{
isItGood = false;}}
if (isItGood == false){
document.getByElementId("results") = "Please enter a question...";}
//the above just reminds them to begin with a question word; see questionWords
else{
document.getByElementId("results") = "all is good";}
}
onclick=checkQuestionWords()"
の内部全体を実行しようとしました<button ...></button>
が、何らかの理由で機能しませんでした。