2017-12-31 87 views
0

사용자가 정보 입력을 마친 후 사용자가 입력 한 내용을 표시하려고합니다. 사용자가 마지막 프롬프트를 보게되면 입력 한 내용을 페이지에 표시하고 싶습니다. 예를 들어 사과가 이름 부분에 입력 된 경우 하단에있는 내 코드의 P1 섹션에 사과라는 단어가 표시됩니다. 나는 자바 스크립트에 익숙하지 않고 사전에 코드가 고르지 만 잘 배우고 있으므로 제발 자바 스크립트가 끝난 후 사용자 입력을 표시하는 방법을 알아내는 것을 도와주세요.프롬프트에서 사용자 입력을 표시하는 자바 스크립트

내 코드 : 당신이 노드의 하나로서 DOM (문서 객체 모델)에 추가해야 자바 스크립트에서 변수의 값을 인쇄하려면

<!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를 사용하고 싶습니까? 또한 스크립트 태그가 body 태그의 마지막 태그 일 것을 권장합니다. DOM이 무엇인지, 그리고 DOM을 조작하는 방법에 대해 알아 보자 : https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction –

답변

0

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>