Untitled

// ==UserScript==
// @name         BLS Login filler
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  This script will fill the login inputs
// @author       Abdennour Mez
// @match        https://algeria.blsspainglobal.com/DZA/account/login
// @icon         https://www.google.com/s2/favicons?sz=64&domain=blsspainglobal.com
// @grant        none
// ==/UserScript==

(function () {
  'use strict';
  let data = [
    {
      email: "abdennour.mez160@gmail.com",
      pass: "icAT0016@"
    },
    {
      email: "abdennour.mez160@gmail.com1",
      pass: "123147"
    },
    {
      email: "abdennour.mez160@gmail.com2",
      pass: "123147"
    },
    {
      email: "abdennour.mez160@gmail.com3",
      pass: "123147"
    }, {
      email: "abdennour.mez160@gmail.com4",
      pass: "123147"
    },
  ]

  let html = `
    <div style="display: flex;gap: 5px; position: absolute; top: 50%; left: 20px;">
    ${
    data.map((e, i) => `<button style="height: 50px;aspect-ratio: 1;" onclick="fill('${
      e.email
    }', '${
      e.pass
    }')">${i}</button>`).join(" ")
  }
    </div>
    `
  let script = document.createElement('script');
  script.innerHTML = `    function fill (email, pass) {
        console.log(email, pass)
        document.querySelector("form[action='/DZA/account/login']")?.querySelectorAll(".mb-3")?.forEach((child)=> {
            if(getComputedStyle(child).display === "block") {
                let input = child.querySelector("input")
                if(!input) return;
                if(input?.type === "password") input.value = pass ||"abdennour"
                else input.value = email ||"abdennour.mez160@gmail.com"
            }
        })

    }`;
  document.body.appendChild(script);

  document.body.innerHTML += html
})();