2015-03-02 38 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