index.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <link rel="stylesheet" href="./assets/styles/style.css">
  7. <title>Авторизация</title>
  8. </head>
  9. <body>
  10. <div class="big_con" style="height: 100vh; display: flex; justify-content: center; align-items: center;">
  11. <div class="block_auth">
  12. <h2 style="color: black; padding: 0;">АВТОРИЗАЦИЯ</h2>
  13. <input type="tel" placeholder="phone" class="enter">
  14. <button type="submit" onclick="sendSms()">Получить код</button>
  15. <div id="message" style="display:none;"></div>
  16. <script>
  17. function generateRandomCode() {
  18. let code = "";
  19. for (let i = 0; i < 6; i++) {
  20. code += Math.floor(Math.random() * 10);
  21. }
  22. return code;
  23. }
  24. function sendSms() {
  25. const phoneNumber = document.querySelector('.enter').value;
  26. const code = generateRandomCode();
  27. // Формируем URL для отправки SMS
  28. const apiKey = 'TnJMkOMQlkIujqACXdndOgquVdy2';
  29. const url = `https://gate.smsaero.ru/v2/sms/send?number=${phoneNumber}&text=${encodeURIComponent('Ваш код: ' + code)}&api_key=${apiKey}&sign=SMS%20Aero`;
  30. const ur2 = 'https://email:api_key@gate.smsaero.ru/v2/sms/send?number=79990000000&text=your+text&sign=SMS Aero'
  31. // Отправляем запрос на сервер
  32. const xhr = new XMLHttpRequest();
  33. xhr.open('GET', url, true);
  34. xhr.onload = function() {
  35. if (xhr.status === 200) {
  36. console.log(`SMS отправлено на номер ${phoneNumber}: Код - ${code}`);
  37. document.getElementById('message').style.display = 'block';
  38. document.getElementById('message').innerText = 'Код отправлен на номер ' + phoneNumber;
  39. } else {
  40. console.error(`Ошибка отправки SMS на номер ${phoneNumber}: ${xhr.statusText}`);
  41. document.getElementById('message').style.display = 'block';
  42. document.getElementById('message').innerText = 'Ошибка отправки кода';
  43. }
  44. };
  45. xhr.onerror = function() {
  46. console.error(`Ошибка запроса на отправку SMS на номер ${phoneNumber}`);
  47. document.getElementById('message').style.display = 'block';
  48. document.getElementById('message').innerText = 'Ошибка запроса кода';
  49. };
  50. xhr.send();
  51. }
  52. </script>
  53. <p class="p14">Еще не с нами? <a href="registration.html"><u>Зарегистрируйтесь!</u></a></p>
  54. </div>
  55. </div>
  56. </body>
  57. </html>