2013-06-21 32 views
0

基本上我試圖製作一個表格,以便在按下名稱和年齡的按鈕時向用戶發送警報,我的代碼位於下方,我也一直在我的網站上執行此操作:http://js.blazedpanda.com/製作名稱和年齡輸入警報器

var x=document.getElementById("name").value; 
var y=document.getElementById("age").value; 

function nameAge() 
{ 
alert("Hello"+" "+x+" "+"who is"+" "+y); 
} 

如果您能想出這個請幫助的解決方案,這可能是真的,但基本我不能在任何地方找到一個簡單的教程。 謝謝,彼得。

編輯:

由於將有現在固定的,漂亮的,反應迅捷:P

回答

2

把第一線的功能裏面,像這樣:

function nameAge() 
{ 
    var x=document.getElementById("name").value; 
    var y=document.getElementById("age").value; 
    alert("Hello"+" "+x+" "+"who is"+" "+y); 
} 

因爲你想獲得電流值,所以當用戶實際按下按鈕時也是如此。當定義xy變量以外的變量時,由於nameage元素不存在,所以它們被分配undefined

2

看着你鏈接的頁面,你的錯誤在於你在加載<input>元素之前定義了xy。因此,您收到一個錯誤。你想在函數內部封裝這些nameAge()

2

如果你不知道Jquery的好,不要這個

<input type="text" id="name" /> 
<input type="text" id="age" /> 

function nameAge() 
    { 
    var x=document.getElementById("name").value; 
    var y=document.getElementById("age").value; 

    alert("Hello"+" "+x+" "+"who is"+" "+y); 
    } 

如果你把它裏面,它會更新每當你點擊底部。

2

您只需要覈對姓名和年齡的值在函數內部:

function nameAge() 
{ 
    var x=document.getElementById("name").value; 
    var y=document.getElementById("age").value; 
    alert("Hello "+x+" who is "+y); 
} 

然後就是打電話給你要點擊

<button name="myButton" onclick="javascript:nameAge();" /> 
的元素有關的「的onclick」事件