Como se pueden asignar varios eventos iguales a un elemento en javascripts sin usar jquery.

Question

Como puedo hacer que se ejecute uno por uno (sin que se ejecuten al mismo tiempo).

Answer 1

Para que se ejecute cada evento en orden y no se ejecuten al mismo tiempo, debes colocar un bucle y con ayuda de los condicionales detenerlo.
ejemplo:

var mensaje=document.getElementById('mensaje');
var enviar=document.getElementById('enviar');
var cero = 0;

enviar.addEventListener("click", function (){
cero++;
if (cero == 1){

mensajeuno.innerHTML=texto.value;

}

if(cero == 2){

mensajedos.innerHTML=texto.value;

}

Answer 2

In vanilla JavaScript, you can attach various event listeners to elements. If you want, you can attach more than one listener to the same element. When you attach multiple listeners to the same element, those listeners can target the same event (but you might want to avoid this) or different events.

You add listeners using addEventListener(). For example, if you have a form element which in your JavaScript you might have called contactForm, you can do this to attach different listeners which will run the associated functions you pass in:

//handleFocusIn will be invoked every time the form focusin event fires
form.addEventListener('focusin', handleFocusIn)

// see comment for handlFocusIn
form.addEventListener('focusout', handleFocusOut);

Answer 3

++c

Answer 4

https://code.sololearn.com/cMp9a72D8Fd1/?ref=app
https://code.sololearn.com/cH6qRfTn50H2/?ref=app