Может ли один внешний файл JavaScript получить доступ к элементам DOM из нескольких файлов HTML? - PullRequest
Новая
       9

Может ли один внешний файл JavaScript получить доступ к элементам DOM из нескольких файлов HTML?

0 голосов
/ 19 октября 2019

Это очень простой вопрос, но я новичок в JavaScript ... Вот ситуация: у меня есть 3 HTML-файла, и я хочу знать, возможно ли использовать один внешний JavaScript-файл, который взаимодействует с элементами извсе файлы HTML, и, в частности, принимает значения от одного к другому.

Например, HTML Page One имеет поле ввода, и я хочу взять значение текста, введенного в это поле ввода, и поместить его на HTML Page Two. Можно ли это сделать, используя только один внешний файл JavaScript? Если да, то как мне указать, что я обращаюсь к элементу в DOM первой страницы, чтобы получить значение для размещения на второй странице? Данный код приведен ниже.

Когда пользователь нажимает кнопку loginButton на первой странице, я хочу, чтобы функция greetUser помещала значение inputUsername из первой страницы в элемент приветствия на второй странице: 


document.getElementById("loginButton").addEventListener('click', greetUser);

function greetUser(){
    var greet=document.getElementById("inputUsername").value;
    document.getElementById("greeting").innerHTML="Welcome, "+greet;
}
```````````

I get this error:
Uncaught TypeError: Cannot set property 'innerHTML' of null
    at greetUser
...