如何使用Firebase控制台启用和禁用按钮



比方说,如果我在firebase上设置了一个值"0",则意味着我在网页中的按钮当前被禁用。如果我将其设置为"1",则该按钮将启用以单击。如果你们中有人以前做过这件事,请分享代码(html和js.

<!DOCTYPE html>
<html>
<body>
<button id="myBtn" disabled>My Button</button>
<p>Click the button below to find out if the button above is disabled </p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("myBtn").disabled;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>

使用Firebase实时数据库应该可以实现这一点。Firebase实时数据库是一个云托管数据库。数据存储为JSON,并实时同步到每个连接的客户端。

您可以在数据库中存储一个值,并侦听值事件。因此,您应该能够实现JavaScript逻辑,该逻辑将在每次事件发生时检查该值。如果新值为"1",则该按钮将激活。如果新值为"0",则该按钮将变为非活动状态。

有关详细信息,请查看以下链接:https://firebase.google.com/docs/database/web/read-and-write