알림 상자에 경고를 생성하십시오.

Question

자바 스크립트를 사용하여 양식을 만들려고합니다.

양식에 이름과 나이가 필요합니다. 입력란을 입력하면 제출을 클릭합니다. 제출시 새 배경색을 입력하라는 프롬프트를 작성해야합니다.

당신은 내가 필드 이름에서 (이름이 "당신의 나이 (age 필드에서 디스플레이 세)

예입니다"당신이 좋아하는 색상이 페이지의 배경에 적용되었다 "라는 경고를 필요로 확인을 클릭하면 : 브래드 나이는 33 세입니다. 이름과 나이 필드에 입력 한 이름과 나이를 자바 스크립트에서 가져 오는 방법을 알아낼 수 없습니다.

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> 

외부 자바 스크립트 : DOM을가 document.getElementById과의 ID를 사용하는 것입니다에서

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

한 가지 방법은 <input> 요소를 잡아합니다. 이 <input>에서 입력 된 텍스트를 가져 오는 방법은 해당 .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); 
    } 
}