Автозаполнение имени пользователя и пароля с помощью queryselector по id

Question

Я пытаюсь создать простой JavaScript для автозаполнения веб-страницы.

Я хотел бы изменить следующее для использования с определенным элементом для имени пользователя "password_username" и пароля "password_password"

var result = [];

// Get all links from the page need to change to specific for username

var elements = document.querySelectorAll("input");
for (let element of elements) {
element.value = "username";
}

// Get all links from the page need to change to specific for password

var elements = document.querySelectorAll("input");
for (let element of elements) {
element.value = "password";
}

// Call completion to finish
completion(result) `

Я только начал изучать код и обладаю очень базовыми знаниями JavaScript, любая помощь приветствуется!

Ура,

Мат

Answer 1

Не совсем уверен, будет ли это работать так, как я себе представляю, поскольку я не могу проверить это прямо сейчас, но сделайте попытку:

const usernameElements = document.querySelectorAll(`input[type="text"]`);
const passwordElements = document.querySelectorAll(`input[type="password"]`);

usernameElements.forEach(username => username.value = "the user name");
passwordElements.forEach(password => password.value = "the password");

Он выбирает поля ввода в соответствии с типом (текст / пароль) и добавляет к ним значение. Теперь я не совсем уверен, является ли то, что вы опубликовали, частью более крупного сценария, но это может помочь вам. Вам нужно сделать username а также password переменные для динамической загрузки, если вы хотите разные имена пользователей и пароли, в противном случае это добавляет значения, которые вы даете, как, например, username.value = "testing username" а также password.value = "testing password", Приветствия.

Answer 2

Надеюсь, я правильно понял ваш вопрос.

Чтобы выбрать конкретное поле по идентификатору и установить для него значение, вы можете использовать document.querySelector("#the_id").value = "the_value";

Если у вас есть объект со структурой {id: value}, вы можете обработать его в цикле:

const creds = {
  id1: 'val1',
  id2: 'val2' // ...
};

for (const [id, val] of Object.entries(creds)) {
  document.querySelector(`#${id}`).value = val;
}

Пожалуйста, уточните, если я не понял, что вам нужно, я буду рад помочь.