2017-12-31 39 views
0

Ich möchte anzeigen, was der Benutzer eingegeben hat, nachdem der Benutzer die Eingabe von Informationen abgeschlossen hat. Wenn der Benutzer zur letzten Eingabeaufforderung gelangt, möchte ich, dass die Seite anzeigt, was sie eingegeben haben. Zum Beispiel: wenn sie in Äpfel unter dem Namensteil eingegeben haben, möchte ich das Wort Äpfel in der P1-Sektion meines Codes unten aufführen. Ich bin neu in Javascript und im Voraus, ich weiß, dass mein Code abgehackt ist, aber ich lerne, also bitte gehen Sie einfach auf mich und bitte helfen Sie mir herauszufinden, wie Benutzer-Eingabe nach dem Javascript angezeigt wurde beendet.Javascript Benutzereingaben nach einer Eingabeaufforderung anzeigen

Mein Code:

<!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

Sie sollten wahrscheinlich Ihre HTML für Anfänger beheben. Platzieren Sie Ihr Body-Tag außerhalb des Head-Tags und Ihrer p1- und h1-Tags innerhalb Ihres Body-Tags. (Beachten Sie auch, dass p1 kein Standard-Tag wie h1 ist, vielleicht wollten Sie nur p verwenden? Auch ich würde empfehlen, dass Ihr (e) Script-Tag (e) das letzte Ding in Ihrem Body-Tag sein sollten was DOM ist und wie man es hier manipuliert: https://developer.mozilla.org/en-US/docs/Web/API/Document_Object_Model/Introduction –

Antwort

0

Um den Wert der Variablen in Javascript Sie es auf das DOM (Document Object Model) als einer der Knoten hinzufügen müssen drucken in der DOM-Struktur. Hier ist ein einfaches Beispiel zum Spielen und Lernen (unten).

WICHTIG: Bitte überprüfen Sie, wie das HTML-Dokument korrekt strukturiert sein sollte. Viel Glück.

<!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>

Verwandte Themen