Как сделать кнопку с текстом «без текста»?

Question

[podushka]

В прошлом вопросе я спрашивал, как писать текст в input по нажатию кнопки, и сегодня у меня возникла снова проблема.
Есть код.

<form method="GET" action="type_opl">

	       	<div style="font-size: 20px;">Кол-во чего-то...</div><br>
	      <input type="text" id="textInput" name="kolvo"><br><br>
					<div>
						<button type="button">1</button>
					  <button type="button">2</button>
				    <button type="button">3</button>
					</div>
					<div>
						<button type="button">4</button>
				    <button type="button">5</button>
				    <button type="button">6</button>
					</div>
					<div>
						<button type="button">7</button>
				    <button type="button">8</button>
				    <button type="button">9</button>
					</div>
					<div>
					<button type="button" style="font-size: 45px;" class="reset">X</button>
			    <button type="button">0</button>
			    <button type="submit" style="font-size: 40px;">✔</button>
					</div>
				</form>

Также есть скрипт.

<script type="text/javascript">
  	document.addEventListener('click', e => {
			if (e.target.matches('button:not(.reset)')) textInput.value += e.target.textContent;
			if (e.target.matches('.reset')) textInput.value = '';
		})
  </script>

По нажатию на все кнопки в input вводятся цифры, но по нажатию кнопки "✔" в input вводиться этот знак, и меня перекидывает на другую старницу, и в url пишется "?kolvo=1✔"(1-образно).
Как можно не вводить в input знак "✔"?
Он там мне не нужен)

Comments

[Everybody_Lies]

у вас в интпут не попадает крестик при нажатии, но попадает галочка,
если посмотрите на код в вашем скрипте, то должны будете догадаться, в чём проблема и как её исправить
Чтобы при нажатии на кнопку вас никуда не перекидывало, поменяйте type="submit" на type="button".
Ну и советую почитать про работу с формами, многие вопросы отпадут и появится понимание, почему что то работает так, а не иначе

[podushka]

Everybody_Lies, Дело не в этом, мне нужно, что бы в input не вводилась галочка.

[Everybody_Lies]

Не_скажу Всё_равно_не_скажу, я вам выше уже ответил, если хотите изучать, то стоит пытаться разобраться, подсказку я вам дал.
если нужен только ответ то вот решение

spoiler

https://codepen.io/EverybodyLies/pen/RwVwvWb

Answer 1

[podushka]

*ВОПРОС РЕШЁН*

Comments

[Сергей delphinpro]

Где решение?

[podushka]

Сергей delphinpro, я уже сам всё решил. Модно присвоить кнопке id, и написать в скрипте не:
if (e.target.matches('button:not(.reset)'))
А это:
if (e.target.matches('(.mybtn)'))

Answer 2

[Дамир Шаниязов]

Кажется дело в type="sumbit". Sumbit передает значение на сервер.
event.preventDefault();

Answer 3

[rhjje]

Добавить условие в первый if, что при вводе чисел с кнопок не учитывать button submit.

document.addEventListener('click', e => {
  e.preventDefault();
      if (e.target.matches('button:not(.reset)') && !e.target.matches('button[type="submit"]')) {
        textInput.value += e.target.textContent;
      }
      if (e.target.matches('.reset')) textInput.value = '';
    })

А чтобы не перезагружалась страница вначале отменить стандартное поведение e.preventDefault();

Comments

[podushka]

мне нужно, что бы ещё при нажатии на галочку меня перекидывало на страницу "type_opl", и GET'ом передовалось кол-во чего-то.