Информация из Input'ов в переменные.?

Question

[yadscreech]

Доброго времени суток.
Помогите пожалуйста, нужно при нажатие "Отправить" все что написал пользователь в input'ах "позакидывать" в переменные.
Код HTML:

<input type="text" id="input-name" placeholder="Name">
<input type="text" id="input-name" placeholder="Surname">
<button id="btn" type="submit">отправить</button>

P.S. Учу jQuery столкнулся с проблемой, в интернете конкретно про этот случай ничего нет, море информации и плагинов для отправки всего этого на сервер, но мне это не нужно, как сказал ранее все что необходимо - это при клике кинуть все в переменные.
P.S.2 Желательно на просто коде, без изощрений. Может нужно ещё какие-либо атрибуты добавить и т.д.

Comments

[alex]

вот они, современные jquery разработчики

[yadscreech]

Alex, Вам как нужно написать что я УЧУСЬ, чтоб вы заметили? Вы наверно профессионал во всем и всегда и скорее всего вы родились таким.

[alex]

yadscreech, это не оправдание, что вы учитесь, задача примитивнейшая. встречный вопрос вам. Вы можете решить эту задачу на чистом js, без jquery или других библиотек?

Answer 1

[Narts]

Если все в форме, юзай .serialize()

Answer 2

[Матвей Феникс]

1) Не должно быть на странице элементов с одинаковыми id.
2) Оберни все в форму.

И сделай:

https://codepen.io/matvey-phoen1x/pen/pxqKLv

Comments

[yadscreech]

Да, забыл поменять ID на input-surname, спасибо большое.

[Матвей Феникс]

И да, как заметил Денис Клепко можно еще написать event.preventDefault(), если не нужно, чтобы данные отправлялись формой.

Answer 3

[Денис Клепко]

$("#btn").on('click', function(event) {
			event.preventDefault();
			var user_name = $("#input-name").val();
			// дальше иcпользуем переменную user_name
		});

Answer 4

[Антон Антон]

Вместо jquery учи vuejs