プロンプトボックスでアラートを作成する

Question

Javascriptを使用してフォームを作成しようとしています。

フォームに名前と年齢が必要です。フィールドに入力すると、送信をクリックします。新しい背景色を入力するプロンプトを作成する必要があります。

[OK]をクリックしたら、私はあなたの年齢が（年齢フィールドから表示歳）

例である」「あなたの好きな色がページの背景に適用された」フィールド名から（名前を言う警告を必要とする：ブラッド あなたの年齢は33です。名前と年齢のフィールドに入力された名前と年齢を取得するjavascriptを取得する方法を理解できません。

HTMLコード：

<form> 
     First name:<br> 
      <input type="text" name="firstname" id="name"><br> 
     Age:<br> 
     <input type="text" name="txtage" id="age"><br> 
     <input type="submit" name="submit" id="process" onclick="MyFunction"> 
    </form> 

外部Javaスクリプト：DOMからあなた<input>要素をつかむために

function MyFunction() { 
    x = prompt("Enter the color you want on the Background???"); 
    document.body.style.backgroundColor = x; 
    if (x != null){  
    alert("(need name from form)Your favorite color was applied to the background of the page, your age is (need age from form) "); 
    } 
} 

Answer 1

一つの方法は、document.getElementByIdでそのIDを使用することです。この<input>から入力されたテキストを取得する方法は、その.valueプロパティからです。したがって

、ID nameで入力から文字列テキストを取得するには、あなたが

var name = document.getElementById("name").value; 

を行うだろうここでそれが見えるかもしれません方法は次のとおりです。

function MyFunction() { 
    x = prompt("Enter the color you want on the Background???"); 
    document.body.style.backgroundColor = x; 

    var name = document.getElementById("name").value; 
    var age = // ...get the age in a similar manner 

    if (x != null) {  
    // concat strings using the + operator 
    alert(name + "Your favorite color was applied to the background of the page, your age is " + age); 
    } 
}