formulario.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <meta charset="UTF-8">
  4. <title>Formulario</title>
  5. const ROBOTS = [
  6. {
  7. nombre: 'mazinger',
  8. fuerza: 'puños',
  9. },
  10. {
  11. nombre: 'gundam',
  12. fuerza: 'rayos',
  13. },
  14. {
  15. nombre: 'optimus',
  16. fuerza: 'camión',
  17. },
  18. {
  19. nombre: 'terminator',
  20. fuerza: 'metal',
  21. },
  22. {
  23. nombre: 'bender',
  24. fuerza: 'doblar',
  25. },
  26. ];
  27.  
  28. function enviar(form) {
  29. const name = form.alias.value;
  30. const power = form.poder.value;
  31.  
  32. for (const robot of ROBOTS) {
  33. if (name == robot.nombre &&
  34. power == robot.fuerza) {
  35. alert('Bip bip');
  36. return false;
  37. }
  38. }
  39. }
  40.  
  41. </script>
  42. </head>
  43. <h1>Búsqueda</h1>
  44. action="https://es.wikipedia.org/wiki/Robot"
  45. onsubmit="return enviar(this)"
  46. method="GET">
  47.  
  48. <label>Robot
  49. <input type="text" name="alias"
  50. autocomplete="off"
  51. spellcheck="false">
  52. </label>
  53.  
  54. <label>Poder
  55. <input type="text" name="poder"
  56. autocomplete="off"
  57. spellcheck="false">
  58. </label>
  59.  
  60. <button>Comprobar</button>
  61.  
  62. </form>
  63. </body>
  64. </html>

Proinf.net