Как повесить слушателя на сабмит

[grafillo]

Нужно повесить слушателя на сабмит кнопку которая впринципе и не форма, как к ней обратиться чтобы получить данные этих трёх полей?

<div>
				<span class="wpcf7-form-control-wrap text-179"><input type="text" name="text-179" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Ваше Имя" /></span>
			</div>
<div>
				<span class="wpcf7-form-control-wrap tel-770"><input type="tel" name="tel-770" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel" aria-required="true" aria-invalid="false" placeholder="Ваш телефон" /></span>
			</div>
<div>
				<span class="wpcf7-form-control-wrap text-428"><input type="text" name="text-428" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="E-mail" /></span>
			</div>
<div>
				<input type="submit" value="Отправить" /></p></div>

[voraa]

Можно задать атрибуты id каждому полю и кнопке
и обращаться document.getElementById('...')
К полям можно обращаться document.getElementsByName('...')[0] если больше нет элементов с такими именами.
А если это не форма, то type="submit" совсем не обязателен, Можно
<button type="button" id='but'>Отправить</button>
и вешать событие 'click'
document.getElementById('but').addEventListener('c lick', (ev) => {....})

[grafillo]

просто я не могу менять код сайта, надо в данном коде както прослушать сабмит,
getElementsByName('text-179')[0].value - то есть получить значение поля текс будет выглядеть так правильно?

[laimas]

grafillo,
уверены что это не форма?

[voraa]

Да.
А на кнопку тогда вешать обработчик
document.querySelector('input[type=submit]').addEventListener(....)
Если на странице нет других <input type="submit">

А что и куда посылает этот submit, если это не форма?

[grafillo]

я не вкусре что она отсылает и куда, но я вам код скинул же там нет тега форм, это сайт на вордпрессе

[voraa]

Это код всей страницы?

[grafillo]

нашёл див с классом в котором находится этот сабмит

<div class="form_free_block__wrap">

как обратиться к сабмиту через класс дива?

[voraa]

document.querySelector('.form_free_block__wrap [type=submit]')

Для всех подобных ссылок на элементы, кроме
getElementById и getElementsByName
есть более универсальные
querySelector и querySelectorAll

Изучайте
https://developer.mozilla.org/ru/doc.../querySelector
https://developer.mozilla.org/ru/doc...erySelectorAll
https://developer.mozilla.org/ru/doc.../querySelector
https://developer.mozilla.org/ru/doc...erySelectorAll