2017-12-31 62 views
0

ユーザが情報の入力を完了した後にユーザが何を入力したかを表示したい。ユーザーが最後のプロンプトを表示すると、ページに入力した内容が表示されます。たとえば、名前部分のリンゴに入力した場合は、下のコードのP1セクションにリンゴという単語を表示します。私はjavascriptに新しく、事前に、自分のコードが不安定であることを知っていますが、私は学んでいますので、私には簡単に行き、JavaScriptが終了した後にユーザー入力を表示する方法を理解してください。プロンプトの後にユーザ入力を表示するjavascript

マイコード:

<!DOCtype html> 
<html> 
<head> 
<title> This will display some answers </title> 
<body> 
<script type="text/javascript"> 

var user = prompt("Welcome to learning about allocations with me, mr fields. 
In this tutorial we will be learning about alloction exceptions and what not 
to do with them. Let's get started, shall we? ").toUpperCase(); 

switch(user){ 
    case 'YES': 
    var user_1 = prompt("What's your name?"); 
    switch(user_1) { 
     case 'Buster': 
      prompt("Hey, brother!"); 
      break; 
     case 'Alex': 
      prompt("I've made a huge mistake."); 
      break; 
     case 'Steve': 
      prompt("Steve Holt!"); 
      break; 
    default: 
     prompt("I don't know you!");} 
break; 
default: 
    prompt("too bad!"); 
} 
</script> 
</body> 
</head> 
<h1> answer </h1> 
<p1> "answers should go here" </p1> 

</html> 
+1

初心者にはHTMLを修正する必要があります。 bodyタグをheadタグの外側に置き、p1とh1タグをbodyタグの内側に置きます。 (p1はh1のような標準的なタグではないことに注意してください。多分あなたはpを使いたがっていますか?また、あなたのscriptタグがbodyタグの中の最後のものであることをお勧めします。 DOMの内容と操作方法については、https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introductionを参照してください。 –

答えて

0

ノードの一つとして、あなたはDOM(ドキュメントオブジェクトモデル)に追加する必要がJavaScriptで変数の値を印刷するにはDOMツリーでここでは、遊んで学ぶ(下記)簡単な例があります。

重要:HTML文書も正しく構造化されているかどうかを確認してください。がんばろう。

<!DOCTYPE html> 
<html> 
    <head> 
     <title>This will display some answers</title> 
     <script type="text/javascript"> 
      window.onload = function(){ 
       var username = prompt("What is your name?"); 
       var usernameElement = document.getElementById("name"); 
       usernameElement.innerText = username; 
      } 
     </script> 
    </head> 
    <body> 
     <p id="name"></p> 
    </body> 
</html> 
1

var user_1 = prompt("What's your name?"); 
 
var answerElement = document.getElementById("answer") 
 
answerElement.innerText = user_1;
<p id="answer"></p>

関連する問題