Отключить кнопку в другом файле HTML из отдельного файла JavaScript

Question

Это может быть действительно легко ответить, но я могу что-то упустить.Я занимался этим всего несколько месяцев.

Мне интересно, можно ли отключить кнопку в другом HTML-документе на основе функции щелчка.

Идея проста:

HTML1:

<input type="submit" class="guest" value="I'm just visiting">

HTML2:

<input type="submit" class="thisbutton" value="Feature not for guests">

JS:

$('.guest').click(function() {
        $('.thisbutton').prop('disabled', true); //this is on another file
        $('.thisbutton').css('background-color', 'grey');
    });

Некоторые идеи:

С печеньем?Со ссылкой в ​​шапке?Файл cookie - одна из идей, но его было бы легко удалить.

Спасибо, что нашли время взглянуть на это!

Answer 1

Для этого можно использовать локальное хранилище, сохранив запись для гостя, когда пользователь нажимает кнопку .guest на странице HTML1, а затем получает запись на другой странице HTML2 в функции готовности, чтобы отключить thisbutton.

HTML 1:

// set the item in localStorage on click
$('.guest').click(function() {
    localStorage.setItem('guest', true);
});

HTML 2:

$(function(){
    // get the item 
    if ( localStorage.getItem('guest') !== null ) {
        $('.thisbutton').prop('disabled', true);
        $('.thisbutton').css('background-color', 'grey');
    }
});