Как работать с submit в JS?

Question

[tmtimuchin]

Простой код на JS, который должен доставать значение из инпута и помещать его в нужный span. С button это, ясно дело, работает. Но не с submit: в консоли пишет "Unchecked runtime.lastError: The message port closed before a response was received.", то есть проблема в том, что submit при нажатии перезагружает страницу и значения в инпутах скидываются. Помогите решить эту проблему.

Вот пример задачи:

<form id = "calculator">
   <input type="text" name="digit1">
   <input type="text" name="digit2">
   <input type="submit" value="Посчитать" onclick="plus();">
   Результат: <span id = "result"></span>
</form>

function plus() {
			var a = parseInt(document.getElementById('digit1').value);
			var b = parseInt(document.getElementById('digit2').value);

			if (isNaN(a) == true) a = 0;
			if (isNaN(b) == true) b = 0;

			var c = a + b;

			document.getElementById('result').innerHTML = c;
		}

Answer 1

[kirolga]

Попробуйте воспользоваться preventDefault

Answer 2

[good_beginer]

document.getElementById("calculator").addEventListener("submit", function(e) {
e.preventDefault();
plus();
});

и от onclick на кнопке можете избавится