Question

我需要添加一个简单的事件监听器。即使使用console.log进行测试，它也无法正常工作。这是我的文件：

index.html

<!DOCTYPE html>
<html class="no-js">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>CHAT</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <form>
        <input id='input' cols="30" rows="10"></input>
        <button id='send'>Send</button>
    </form>
    <div id='output' style='background-color: aqua;'> 1 </div>
</body>


<script src='https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.2/socket.io.js'></script>
<script src="./scripts/sockets.js"></script>
</script>

</html>

sockets.js

var socket = io.connect('http://localhost:3000/chat');
var input = document.getElementById('input');
var send = document.getElementById('send');
var output = document.getElementById('output');
console.log('send');
send.addEventListener('click', () => {
    console.log('event listener added');
    /*socket.emit('sending', {
        input: input.value
    });
    input.value = '';*/
});

我也想承认路径是正确的。 “发送”发布在控制台中，但“事件监听器已添加” - 不是。

添加简单的事件监听器

0 个答案: