Как перевести функцию jQuery в родной javascript?

Question

У меня проблема с домашней работой. Прежде чем я объясню это, я хочу извиниться за мой английский. Итак, я пытаюсь сделать чат в node.js. Я выбираю небольшой код с веб-сайта "https://openclassrooms.com/fr/courses/1056721-des-applications-ultra-rapides-avec-node-js/1057959-tp-le-super-chat".. Он работает хорошо. В чате используется ввод текста для отправки сообщений.

Моя проблема в том, что в этом чате используются библиотеки jQuery, и он настолько старый, чтоя хочу перевести функции jQuery в нативный javascript. Я уже успешно перевожу 3 из них. Один все еще сопротивляется.

$('#formulaire_chat').submit(function () {
    var message = $('#message').val();
    socket.emit('message', message); // Send the message to others clients
    insereMessage(pseudo, message); // Also post the message on our page
    $('#message').val('').focus(); // Empty the Chat area and put the focus back on
    return false; // Allows you to block the "classic" sending of the form
});

Я пытаюсь превратить это в это:

document.getElementById('formulaire_chat').submit(function () {
    var message = document.getElementById('message').value;
    socket.emit('message', message); // Send the message to others clients
    insereMessage(pseudo, message); // Also post the message on our page
    document.getElementById('message').value = ' ';
    document.getElementById('message').focus();
    return false; // Allows you to block the "classic" sending of the form
});

Когда я использую функцию "translate", я получаю сообщение об ошибке "Cannot POST /". Я пытаюсь манипулировать всей строкой, одну за другой, чтобы найти, где она блокируется. Но, несмотря на мои часы работы, она еще не работает. Я учуськод, и я новичок, поэтому не судите меня, пожалуйста.

Answer 1

Вы можете попробовать .addEventListener или .onsubmit () или (onsubmit = "submitFunction ()" в html теге формы)

document.getElementById('formulaire_chat').addEventListener('submit', function(evt){
    var message = document.getElementById('message').value;
    socket.emit('message', message); // Send the message to others clients
    insereMessage(pseudo, message); // Also post the message on our page
    document.getElementById('message').value = ' ';
    document.getElementById('message').focus();
    return false; // Allows you to block the "classic" sending of the form
});

Answer 2

это не .submit (), а .onsubmit ()