Question

我有一个小项目，我正在处理（处理获取名称并用字符串打印）。问题是，当我点击按钮时，没有任何反应。

代码：

<!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>

它可能无法完成，所以任何其他指针都非常需要！

Answer 1

看来你忘了按钮后面的“=”符号。

检查一下：

<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/

Answer 2

首先，你没有指定onclick你的功能

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

其次，如果你想让你的代码工作，那么在关闭body标签之前编写脚本

如何使用HTML获取和打印字符串

2 个答案: