2017-01-18 22 views
1

単純なMadblibプロジェクト。それとも私は思った。これはおそらく簡単な修正ですが、私は大いに助けていただければ幸いです。正しく動作するようには思えません。クリックしても機能が呼び出されませんか?

ボタンがクリックされたときに関数が呼び出されません。助言がありますか?私は関数とフォームの場所を変更しようとしましたが、入力文字列を調整しました。

<!DOCTYPE html> 
    <html> 
    <script> 
    <head> 
    script language = "JavaScript" > 

    function Mission() { 

     var a1 = document.AgentID.elements[0].value; 
     var a2 = document.City.elements[0].value; 
     var a3 = document.Country.elements[0].value; 
     var a4 = document.Utensil.elements[0].value; 
     var a5 = document.Adj1.elements[0].value; 
     var a6 = document.Animal.elements[0].value; 
     var a7 = document.Transportation.elements[0].value; 

     document.write("<br>" + "<br>") 
     document.write("Congradulations on accepting your next assignment Agent " + a1 + "") 
     document.write("<br>" + "<br>") 
     document.write("Your flight leaves to " + a2 + " , " + a3 + " in the next eight hours. You have been granted your weapon of choice, the " + a5 + " " + a4 + ". Your assignment is to capture the " + a6 + " with minimal casualties. Your extraction via " + a7 + " will be waiting.") 
     document.write("<br>" + "<br>") 
     document.write("Best of Luck Agent " + a1 + "") 
     document.write("<br>") 
     document.write("Operations HQ") 
    } 
    </script> 

    </head> 

    <body> 
    <form id="AgentID" name="AgentID"> 
    AgentID <input type="text"> 
    </form> 
    <form id="City" name="City"> 
    City <input type="text"> 
    </form> 
    <form id="Country" name="Country"> 
    Country <input type="text"> 
    </form> 
    <form id="Utensil" name="Utensil"> 
    Noun <input type="text"> 
    </form> 
    <form id="Adj1" name="Adj1"> 
    Adjective <input type="text"> 
    </form> 
    <form id="Animal" name="Animal"> 
    Animal <input type="text"> 
    </form> 
    <form id="Transportaion" name="Transportaion"> 
    Transportation <input type="text"> 
    </form> 
    <form> 

    <input type="button" value="Accept" onClick="Mission()"> 

    </form> 
    </body> 
    </html> 
+2

あなたがエラーのコンソールをチェックしましたか?その迷子な "スクリプト"のことはおそらく問題です。 – Pointy

+1

あなたのコードは非常に乱雑です。あなたの目標は何ですか?あなたは何をしたいのですか?あなたの質問 –

+0

を変更してください。 'form id =" Transportaion "name =" Transportaion "'、それはスペルミスです。あなたのJSであなたは***交通***と呼んでいますが、あなたのHTMLでは*** Transportaion ***です。それは簡単です*輸送!= Transportaion * – SpYk3HH

答えて

0

あなたのコードには多くの問題があります。

  1. HTMLは無効です。タグは欠けている構造ではありません。 Scriptheadまたはbodyのいずれかである必要があります。
  2. JavaScriptでTransportationと同じ名前を使用していないのは、HTMLと同じです。

次は動作するはずです。

<!DOCTYPE html> 
 
    <html> 
 
\t <head> 
 
    
 
    
 
    <script type="text/javascript"> 
 

 
    function Mission() { 
 

 
     var a1 = document.AgentID.elements[0].value; 
 
     var a2 = document.City.elements[0].value; 
 
     var a3 = document.Country.elements[0].value; 
 
     var a4 = document.Utensil.elements[0].value; 
 
     var a5 = document.Adj1.elements[0].value; 
 
     var a6 = document.Animal.elements[0].value; 
 
     var a7 = document.Transportation.elements[0].value; 
 

 
     document.write("<br>" + "<br>") 
 
     document.write("Congradulations on accepting your next assignment Agent " + a1 + "") 
 
     document.write("<br>" + "<br>") 
 
     document.write("Your flight leaves to " + a2 + " , " + a3 + " in the next eight hours. You have been granted your weapon of choice, the " + a5 + " " + a4 + ". Your assignment is to capture the " + a6 + " with minimal casualties. Your extraction via " + a7 + " will be waiting.") 
 
     document.write("<br>" + "<br>") 
 
     document.write("Best of Luck Agent " + a1 + "") 
 
     document.write("<br>") 
 
     document.write("Operations HQ") 
 
    } 
 
    </script> 
 

 
    </head> 
 

 
    <body> 
 
    <form id="AgentID" name="AgentID"> 
 
    AgentID <input type="text"> 
 
    </form> 
 
    <form id="City" name="City"> 
 
    City <input type="text"> 
 
    </form> 
 
    <form id="Country" name="Country"> 
 
    Country <input type="text"> 
 
    </form> 
 
    <form id="Utensil" name="Utensil"> 
 
    Noun <input type="text"> 
 
    </form> 
 
    <form id="Adj1" name="Adj1"> 
 
    Adjective <input type="text"> 
 
    </form> 
 
    <form id="Animal" name="Animal"> 
 
    Animal <input type="text"> 
 
    </form> 
 
    <form id="Transportation" name="Transportation"> 
 
    Transportation <input type="text"> 
 
    </form> 
 
    <form> 
 

 
    <input type="button" value="Accept" onClick="Mission()"> 
 

 
    </form> 
 
    </body> 
 
    </html>

+0

ちょうど楽しみのために、あなたは1つのライナー内のすべての変数を包んで、それらと一緒に完了することができます! (var/var/var/var/var/lib/var/var/var/lib) )これは['a' +(i + 1)] = e.value; return e.value;}])) '[ **:P **](https://jsfiddle.net/bfwr29xb/) – SpYk3HH

+0

おかげさまで、あなたの短いスニペットに感謝してSpYk3HH。 – Agalo

+0

lol、np。 HTMLが正確で、すべての入力が1つの形式であり、各入力に対して新しい形式ではない場合、少し微調整する必要があることを覚えておいてください。 – SpYk3HH

関連する問題