Открыть новое окно с входным URL Javascript - PullRequest
0 голосов
/ 13 июля 2020

Я хочу сделать расширение для chrome, чтобы открывать страницу с созданным URL. Расширению нужно только, чтобы пользователь скопировал, вставил номер строки и нажал кнопку, и он мгновенно откроет новое окно с подготовленным URL + введенным номером строки. Код ниже

Проблема, с которой я сейчас сталкиваюсь, - number всегда возвращать null, а URL-адрес приведет к странице 404. Я был бы признателен, если бы кто-нибудь мог указать, почему он возвращает null и как это исправить, поскольку я новичок в этом JavaScript

function number() {
  var number = document.querySelector("code");
  chrome.windows.create({
    url: "https://gamecrackzome.gg/game/" + number,
    focused: true,
    state: "maximized",
  });

}
document.addEventListener('DOMContentLoaded', function() {
  var button = document.getElementById("go");
  button.onclick = number;
});

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<script src="popup.js"></script>
<style>
</style>

</head>
<body>
    </br>
    <input type="text" id="code">
    </br>
    <input type="submit" id="go" value="GO">
    
</body>
</html>

1 Ответ

0 голосов
/ 13 июля 2020

У вас две проблемы.

  1. querySelector("code") выбирает первый <code> элемент (он возвращает null, потому что у вас его нет). Чтобы выбрать элемент по его идентификатору, вам нужно использовать селектор ID : querySelector("#code").
  2. Элемент не является введенным в него значением. Для этого вам потребуется свойство value : querySelector("#code").value
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...