该按钮如何在页面上显示权限？

Question

我想，当网站通知被授予时，我们看到绿色按钮，当它被拒绝时看到红色按钮。 Button有一个CSS样式和复选框。顺便说一句，此按钮将无权授予或允许页面上的任何权限。只需按钮即可显示之前的权限。

按钮html

<label for="button">
    <input type="checkbox" id="button" />
    <span class="arka"></span
</label>

示例javascript代码

function bildirim () {
    if (!("Notification" in window)) {
    } 
    else if (Notification.permission === "granted") {
    }
    else if (Notification.permission !== 'denied') {
    }
}

Answer 1

好吧，因为我不知道你想把这个函数调到哪里，也不知道通知是什么，我只是发布如何将css-class添加到某个东西。

var button = document.getElementById('button');
button.setAttribute('class', grantedClass);