solucion_eventos.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <meta charset="UTF-8">
  4. <title>Solución eventos</title>
  5. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  6.  
  7. $(function() {
  8.  
  9. alert('¿Cómo están ustedes?');
  10.  
  11. $('#hola').click(function() {
  12. alert('¿Cómo te va?');
  13. });
  14.  
  15. $('#entrada')
  16. .focus(function() {
  17. $(this).css('background-color', 'yellow');
  18. })
  19. .blur(function() {
  20. $(this).css('background-color', 'white');
  21. });
  22. });
  23.  
  24. </script>
  25. </head>
  26. <h1>Solución eventos</h1>
  27. <p>
  28. <button id="hola">Saludar</button>
  29. </p>
  30. <p>
  31. <input type="text" id="entrada">
  32. </p>
  33. </body>
  34. </html>

Proinf.net