Soy nuevo en JavaScript y no sé exactamente cómo empezar en mi editor de texto. He intentado buscar en Google pero estoy recibiendo respuestas mixtas.
Estoy tratando de hacer cuatro botones interactivos en un navegador. ¿Simplemente no sé cómo empezar? Mi archivo está abierto y el editor de texto sabe que estoy usando JavaScript.
Ahora, ¿debo comenzar con una etiqueta de secuencia de comandos? Entonces, ¿cuáles deberían ser los próximos pasos? Si alguien pudiera brindarme una pequeña guía sobre cómo debo pensar en mis pasos, se lo agradecería mucho. Muchas gracias.
Comience con el Hola mundo de usar una etiqueta HTML de botón y un script que maneje un evento de clic.
Por ejemplo, aquí está el botón definido en HTML.
<button type="submit" class="btn btn-primary btn-xl" id="HelloButton">Say Hello</button>Ahora, en un JS Script separado, puede manejar el evento de clic:
$(function() { $("#HelloButton" ).click(function($e) { alert("Say Hello"); } );// END of the button click event } );Esto también usa JQUERY (en caso de que quieras seguirlo).
Aquí hay una página de inicio muy simple, sin usar bibliotecas (como jQuery) o marcos (como reaccionar o vue)
// define the button actions here: document.querySelectorAll("button").forEach(btn=>btn.onclick=ev=>console.log(`Hey, you have clicked the ${btn.textContent} button!}`)); <button>one</button> <button>two</button> <button>three</button> <button>four</button><br> <textarea>edit your text here ... </textarea> Para que el script funcione, debe ejecutarse después de que se haya cargado la página. En los fragmentos de Stackoverflow (ver arriba), ese es siempre el caso. Sin embargo, en su página debe colocar la etiqueta <script> después de su elemento <body> o colocarla en la función de devolución de llamada del evento window.onload() .