Convertir code JQuery en Javascript

Version imprimable

Bonjour à tous
Dans le cadre de mon apprentissage je souhaite convertir ce code JQuery en JS

Code:

1
2
3
4
5
6
7
8
 
$('#formulaire_chat').submit(function () {
      var message = $('#message').val();
      socket.emit('message', message);
      insereMessage(pseudo, message); 
      $('#message').val('').focus();
       return false; 
});

voila ce que j'ai fait mais sa ne donne rien de bien probant.

Code:

1
2
3
4
5
6
7
8
9
10
 
 function envoi_message() {
 
      document.getElementById('formulaire_chat').submit();
      let message = document.getElementById('message').value;
      socket.emit('message', message);
      insereMessage(pseudo, message);
      document.getElementById('message').focus(value(''));
      return false; 
}

J'ai passé ma journée la dessus :aie:, merci infiniment pour votre aide !

07/04/2020, 09h14
Doksuri

a vue de nez, le probleme doit venir de document.getElementById('message').focus(value('')); : focus() ne prend que des options en parametre, il ne sait pas faire value('')
de plus, ce serait document.getElementById('message').value = '';.

le plus simple reste encore de regarder les erreurs dans la console.

pour en revenir au vanilla : cette 'doc' m'a bien aide github.com/nefe/You-Dont-Need-jQuery/blob/master/README-fr.md

enfin, je ne peux que te conseiller d'utiliser mdn pour la doc officielle par exemple developer.mozilla.org/fr/docs/Web/API/HTMLElement/focus

Bonjour,

Code:

1
2
3
4
5
6
7
8
9
document.getElementById('formulaire_chat').addEventListener('submit', function(){
 
	let message = document.getElementById('message').value;
	socket.emit('message', message);
	insereMessage(pseudo, message);
	document.getElementById('message').value = '';
	document.getElementById('message').focus();
	return false; 
});

Citation:

Envoyé par Doksuri

...

Merci Doksuri pour ton message , je vais consulter tous sa.

Citation:

Envoyé par jreaux62

...

Merci beaucoup jreaux ! fonctionne parfaitement , j'ai eu un souci avec

Code:

<input type="submit"

remplacé par

Code:

<input type="button"

et ton code que j'ai un peu remanié
Code:

1 2 3 4 5 6 7 8 9 function envoi_message() { let message = document.getElementById('message').value; socket.emit('message', message); insereMessage(pseudo, message); document.getElementById('message').focus(); document.getElementById('message').value=''; return false; }
Merci encore