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

时间:2018-12-14 10:33:19

标签: firebase button

可以说,如果我在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>

1 个答案:

答案 0 :(得分:0)

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

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

请查看以下链接以获取更多信息: https://firebase.google.com/docs/database/web/read-and-write