Я использую bootstrap 4.5. Я не хочу очищать ввод, когда я печатаю "Enter" на клавиатуре. Я хочу сохранить текст при вводе после ввода "Enter". Когда я запускаю следующий код, у меня появляется инфинитив l oop. Может кто-нибудь сказать, почему это так? Как достичь своей цели без jquery?
Я видел несколько примеров подобного вопроса, но они мне не помогли.
main. html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>fsdfsdf</title>
</head>
<body>
<form class="justify-content-center cos" id="formsq">
<input class="form-control-lg " id="room-name-input" type="text">
<button class="my-3 btn btn-outline-danger" id="room-name-submit" type="button" >Create room</button>
</form>
<script src="js/1.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet">
</body>
</html>
1. js:
console.log(document.querySelector(".cos"))
document.querySelector(".cos").submit(function(event){
event.preventDefault()
});