Manage the form submit event

.cache/94/0c4e3abbd1086d96330b88f444a96e.json

@@ -1 +1 @@
-{"id":"app.js","dependencies":[{"name":"C:\\Users\\ignat\\Projects\\search-for-github-user\\package.json","includedInParent":true,"mtime":1624361981654}],"generated":{"js":"console.log('Hello, World!');"},"sourceMaps":{"js":{"mappings":[{"name":"console","generated":{"line":1,"column":0},"source":"app.js","original":{"line":1,"column":0}},{"generated":{"line":1,"column":7},"source":"app.js","original":{"line":1,"column":7}},{"name":"log","generated":{"line":1,"column":8},"source":"app.js","original":{"line":1,"column":8}},{"generated":{"line":1,"column":11},"source":"app.js","original":{"line":1,"column":0}},{"generated":{"line":1,"column":12},"source":"app.js","original":{"line":1,"column":12}},{"generated":{"line":1,"column":27},"source":"app.js","original":{"line":1,"column":0}}],"sources":{"app.js":"console.log('Hello, World!')\r\n"},"lineCount":null}},"error":null,"hash":"b286d3e67c04f5bac400e0e1e989718d","cacheData":{"env":{}}}
+{"id":"app.js","dependencies":[{"name":"C:\\Users\\ignat\\Projects\\search-for-github-user\\package.json","includedInParent":true,"mtime":1624361981654}],"generated":{"js":"document.addEventListener('DOMContentLoaded', function () {\n  var form = document.querySelector('form');\n  form.addEventListener('submit', function (event) {\n    event.preventDefault();\n    var username = document.querySelector('input').value;\n    alert(username);\n  });\n});"},"sourceMaps":{"js":{"mappings":[{"name":"document","generated":{"line":1,"column":0},"source":"app.js","original":{"line":1,"column":0}},{"generated":{"line":1,"column":8},"source":"app.js","original":{"line":1,"column":8}},{"name":"addEventListener","generated":{"line":1,"column":9},"source":"app.js","original":{"line":1,"column":9}},{"generated":{"line":1,"column":25},"source":"app.js","original":{"line":1,"column":0}},{"generated":{"line":1,"column":26},"source":"app.js","original":{"line":1,"column":26}},{"generated":{"line":1,"column":44},"source":"app.js","original":{"line":1,"column":0}},{"generated":{"line":1,"column":46},"source":"app.js","original":{"line":1,"column":46}},{"generated":{"line":1,"column":58},"source":"app.js","original":{"line":1,"column":52}},{"generated":{"line":2,"column":0},"source":"app.js","original":{"line":2,"column":2}},{"name":"form","generated":{"line":2,"column":6},"source":"app.js","original":{"line":2,"column":8}},{"generated":{"line":2,"column":10},"source":"app.js","original":{"line":2,"column":12}},{"name":"document","generated":{"line":2,"column":13},"source":"app.js","original":{"line":2,"column":15}},{"generated":{"line":2,"column":21},"source":"app.js","original":{"line":2,"column":23}},{"name":"querySelector","generated":{"line":2,"column":22},"source":"app.js","original":{"line":2,"column":24}},{"generated":{"line":2,"column":35},"source":"app.js","original":{"line":2,"column":15}},{"generated":{"line":2,"column":36},"source":"app.js","original":{"line":2,"column":38}},{"generated":{"line":2,"column":42},"source":"app.js","original":{"line":2,"column":15}},{"generated":{"line":2,"column":43},"source":"app.js","original":{"line":2,"column":2}},{"name":"form","generated":{"line":3,"column":0},"source":"app.js","original":{"line":3,"column":2}},{"name":"form","generated":{"line":3,"column":2},"source":"app.js","original":{"line":3,"column":2}},{"generated":{"line":3,"column":6},"source":"app.js","original":{"line":3,"column":6}},{"name":"addEventListener","generated":{"line":3,"column":7},"source":"app.js","original":{"line":3,"column":7}},{"generated":{"line":3,"column":23},"source":"app.js","original":{"line":3,"column":2}},{"generated":{"line":3,"column":24},"source":"app.js","original":{"line":3,"column":24}},{"generated":{"line":3,"column":32},"source":"app.js","original":{"line":3,"column":2}},{"generated":{"line":3,"column":34},"source":"app.js","original":{"line":3,"column":34}},{"name":"event","generated":{"line":3,"column":44},"source":"app.js","original":{"line":3,"column":35}},{"generated":{"line":3,"column":49},"source":"app.js","original":{"line":3,"column":34}},{"generated":{"line":3,"column":51},"source":"app.js","original":{"line":3,"column":45}},{"name":"event","generated":{"line":4,"column":0},"source":"app.js","original":{"line":4,"column":4}},{"name":"event","generated":{"line":4,"column":4},"source":"app.js","original":{"line":4,"column":4}},{"generated":{"line":4,"column":9},"source":"app.js","original":{"line":4,"column":9}},{"name":"preventDefault","generated":{"line":4,"column":10},"source":"app.js","original":{"line":4,"column":10}},{"generated":{"line":4,"column":24},"source":"app.js","original":{"line":4,"column":4}},{"generated":{"line":5,"column":0},"source":"app.js","original":{"line":5,"column":4}},{"name":"username","generated":{"line":5,"column":8},"source":"app.js","original":{"line":5,"column":10}},{"generated":{"line":5,"column":16},"source":"app.js","original":{"line":5,"column":18}},{"name":"document","generated":{"line":5,"column":19},"source":"app.js","original":{"line":5,"column":21}},{"generated":{"line":5,"column":27},"source":"app.js","original":{"line":5,"column":29}},{"name":"querySelector","generated":{"line":5,"column":28},"source":"app.js","original":{"line":5,"column":30}},{"generated":{"line":5,"column":41},"source":"app.js","original":{"line":5,"column":21}},{"generated":{"line":5,"column":42},"source":"app.js","original":{"line":5,"column":44}},{"generated":{"line":5,"column":49},"source":"app.js","original":{"line":5,"column":21}},{"name":"value","generated":{"line":5,"column":51},"source":"app.js","original":{"line":5,"column":53}},{"generated":{"line":5,"column":56},"source":"app.js","original":{"line":5,"column":4}},{"name":"alert","generated":{"line":6,"column":0},"source":"app.js","original":{"line":6,"column":4}},{"name":"alert","generated":{"line":6,"column":4},"source":"app.js","original":{"line":6,"column":4}},{"generated":{"line":6,"column":9},"source":"app.js","original":{"line":6,"column":9}},{"name":"username","generated":{"line":6,"column":10},"source":"app.js","original":{"line":6,"column":10}},{"generated":{"line":6,"column":18},"source":"app.js","original":{"line":6,"column":9}},{"generated":{"line":6,"column":19},"source":"app.js","original":{"line":6,"column":4}},{"generated":{"line":7,"column":0},"source":"app.js","original":{"line":7,"column":3}},{"generated":{"line":7,"column":3},"source":"app.js","original":{"line":3,"column":2}},{"generated":{"line":8,"column":0},"source":"app.js","original":{"line":8,"column":1}},{"generated":{"line":8,"column":1},"source":"app.js","original":{"line":1,"column":0}}],"sources":{"app.js":"document.addEventListener('DOMContentLoaded', () => {\r\n  const form = document.querySelector('form')\r\n  form.addEventListener('submit', (event) => {\r\n    event.preventDefault()\r\n    const username = document.querySelector('input').value\r\n    alert(username)\r\n  })\r\n})\r\n"},"lineCount":null}},"error":null,"hash":"f887b405cd5520539c1df12777b2212b","cacheData":{"env":{}}}

app.js

@@ -1 +1,8 @@
-console.log('Hello, World!')
+document.addEventListener('DOMContentLoaded', () => {
+  const form = document.querySelector('form')
+  form.addEventListener('submit', (event) => {
+    event.preventDefault()
+    const username = document.querySelector('input').value
+    alert(username)
+  })
+})