Dlaczego nie działa mi przycisk od plików(drugi dziala), przecież pobieram element byId, jak przy wysyłaniu wiadomości, ale eventlistener nie wykonuje nawet pierwszej instrukcji console.log()
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.7.3/socket.io.js"></script>
<link href="/styles.css" rel="stylesheet" />
</head>
<body>
<h2>Jesteś zalogowany jako <%= login %></h2>
<div>
<div id="chat-window">
<div id="output"></div>
<img src="<%= typeof file != 'undefined' ? file: '' %>" class="img-responsive" alt="">
<div id="feedback"></div>
</div>
<input id="handle" type="text" placeholder="Handle" />
<input id="message" type="text" placeholder="Message" />
<button id="send">Send</button>
</div>
<div clss="container">
<h1>File Upload</h1>
<%= typeof msg != 'undefined'? msg: '' %>
<div class="file-field">
<span>File</span>
<input id="file" name="myImage" type="file">
<input class="file-path validate" type="text">
</div>
<button id="fileSend">Submit</button>
</div>
</body>
<script src="/chat.js"></script>
</html>
var socket = io.connect('http://localhost:4000');
var message = document.getElementById('message'),
handle = document.getElementById('handle'),
btn = document.getElementById('send'),
output = document.getElementById('output'),
feedback = document.getElementById('feedback'),
fileSend = document.getElementById('fileSend'),
file = document.getElementById('file');
btn.addEventListener('click', function(){
socket.emit('chat', {
message: message.value,
handle: handle.value
});
message.value = "";
});
fileSend.addEventListener('click', function(){
console.log('1');
io.sockets.emit('fileUpload', {file: file});
console.log('2');
});
...