event.preventDefault() not working and submitting the form immediately takes to other link.
html code:
<code><body>
<form action="/action">
<input placeholder="username" />
<button>register</button>
</form>
<script src="el1.js"></script>
</body>
</code>
<code><body>
<form action="/action">
<input placeholder="username" />
<button>register</button>
</form>
<script src="el1.js"></script>
</body>
</code>
<body>
<form action="/action">
<input placeholder="username" />
<button>register</button>
</form>
<script src="el1.js"></script>
</body>
javascript code:
<code>let form = console.queryselector("form");
form.addEventListener("submit", function(event)){
event.preventDefault();
};
</code>
<code>let form = console.queryselector("form");
form.addEventListener("submit", function(event)){
event.preventDefault();
};
</code>
let form = console.queryselector("form");
form.addEventListener("submit", function(event)){
event.preventDefault();
};
I have tried e.stopImmediatePropagation, event.stopImmediatePropagation, event.stopPropagation but it still does not work.