2015-03-02 63 views
0

我有一個小型項目,我正在處理(處理獲取名稱並使用字符串打印)。問題是,當我點擊按鈕時,沒有任何反應。如何使用HTML獲取並打印字符串

代碼:

<!DOCTYPE html> 
<html> 
    <head> 
     <link type = "css" rel="stylesheet" href = "css.css"/> 
     <script> 
       var button = document.getElementById('send'); 
       var enter = document.getElementById('enter'); 
        button.onclick function() { 
         var str = 'Hello ' + enter.value + ' how are you?'; 
        alert(str); 
        } 
     </script> 
     <title>HAL 9000 SIM</title> 
    </head> 
    <body> 
     <p id=p1> What is your name? </p> 
     <br><br> 
     <input type = "text" id="enter" name = "entername"><br> 
     <input type = "button" id="send" value="Enter"> 
</html> 

這不是完整的,因爲你可能會說,所以任何其它指針非常需要!

+0

拿在語法'button.onclick'密切關注。你錯過了什麼... – chazsolo 2015-03-02 21:06:41

+2

你說你被卡住了......請詳細說明,因爲你從來沒有描述過「手頭的問題」...... – Ajean 2015-03-02 21:10:34

回答

-1

首先,你沒有分配到的onclick你的函數

var enter = document.getElementById('enter'); 
 
button.onclick = function() { 
 
    var str = 'Hello ' + enter.value + ' how are you?'; 
 
    alert(str); 
 
}

其次,如果你想你的代碼的工作,但結束標記

0

前的腳本看來你忘了button.click後的「=」符號。

檢查:

<body> 
    <p id=p1>What is your name?</p> 
    <br> 
    <br> 
    <input type="text" id="enter" name="entername"> 
    <br> 
    <input type="button" id="send" value="Enter"> 

-

var button = document.getElementById('send'); 
    var enter = document.getElementById('enter'); 
    button.onclick = 
    function() { 
     if(enter.value.length > 0) 
     { 
      var str = 'Hello ' + enter.value + ' how are you?'; 
      alert(str); 
     }else 
     { 
      alert("Please input the required fields!"); 
     } 
    }; 

http://jsfiddle.net/pg5k60rz/

+0

太棒了!謝謝你,完美的作品! – TheAtlasTheory 2015-03-04 15:37:13