JavaScript按钮不反应

发布于 2025-02-08 14:51:12 字数 2798 浏览 0 评论 0原文

我的网站上有一个按钮。它应该写入Firebase数据库。但是，这是不重要的。看来可以使用我的代码找到按钮。我尝试添加警报（“ Hello World”），但它仍然不重要。 IDS也对应于GET元素。

代码

    <head>
    <script src="https://www.gstatic.com/firebasejs/9.8.3/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.8.1/firebase-database.js"></script>
    </head>
    <body>
</div>
                        <tr>
                            <td>
                                <button id="btnSubmit">Submit</button>
                            </td>
                           
                        </tr>
                    </table>
                </form>
    
            </div>
        </div>
  
    <script type = "module">
            const firebaseConfig = {
              apiKey: "***",
              authDomain: "***",
              databaseURL: "***",
              projectId: "***",
              storageBucket: "***",
              messagingSenderId: "***",
              appId: "***",
              measurementId: "***"
            };
          
            // Initialize Firebase
            const app = initializeApp(firebaseConfig);
            var firebaseRef=firebase.database().ref('quotes');
    
            
            document.getElementById("btnSubmit").addEventListener('click', function(){
                //PROBLEM SEEMS TO BE HERE
                alert("hello world");
                var id=Date.now();  //generating a unqiue id
                const companyName=document.getElementById('cname').value;
                const grade=document.getElementById('grade').value;
                const concrete=document.getElementById('concrete').value;
                const formWorks=document.getElementById('formworks').value;
                const wall=document.getElementById('wall').value;
                const excavation = document.querySelector('.excavation:checked').value;
                const typeWork=document.getElementById("typeWork")
                const paint = document.querySelector('.paint:checked').value;
                const comments=document.getElementById('comments').value;
                const total=document.getElementById('total').value;
                firebaseRef.child(id).push({
                   companyName:companyName,
                   grade:grade,
                   concrete:concrete,
                   formWorks:formWorks,
                   wall:wall,
                   excavation:excavation,
                   typeWork:typeWork,
                   paint:paint,
                   comments:comments,
                   total:total
                });
            });
        </script>
        
    </body>
    </html>

原文

I have a button on my website. It is supposed to write to firebase database. However it is irresponsive. It appears that the button can be found using my code. I tried adding alert("hello world"), but it is still irresponsive. The ids corresponds to the get element as well.

Code

    <head>
    <script src="https://www.gstatic.com/firebasejs/9.8.3/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/9.8.1/firebase-database.js"></script>
    </head>
    <body>
</div>
                        <tr>
                            <td>
                                <button id="btnSubmit">Submit</button>
                            </td>
                           
                        </tr>
                    </table>
                </form>
    
            </div>
        </div>
  
    <script type = "module">
            const firebaseConfig = {
              apiKey: "***",
              authDomain: "***",
              databaseURL: "***",
              projectId: "***",
              storageBucket: "***",
              messagingSenderId: "***",
              appId: "***",
              measurementId: "***"
            };
          
            // Initialize Firebase
            const app = initializeApp(firebaseConfig);
            var firebaseRef=firebase.database().ref('quotes');
    
            
            document.getElementById("btnSubmit").addEventListener('click', function(){
                //PROBLEM SEEMS TO BE HERE
                alert("hello world");
                var id=Date.now();  //generating a unqiue id
                const companyName=document.getElementById('cname').value;
                const grade=document.getElementById('grade').value;
                const concrete=document.getElementById('concrete').value;
                const formWorks=document.getElementById('formworks').value;
                const wall=document.getElementById('wall').value;
                const excavation = document.querySelector('.excavation:checked').value;
                const typeWork=document.getElementById("typeWork")
                const paint = document.querySelector('.paint:checked').value;
                const comments=document.getElementById('comments').value;
                const total=document.getElementById('total').value;
                firebaseRef.child(id).push({
                   companyName:companyName,
                   grade:grade,
                   concrete:concrete,
                   formWorks:formWorks,
                   wall:wall,
                   excavation:excavation,
                   typeWork:typeWork,
                   paint:paint,
                   comments:comments,
                   total:total
                });
            });
        </script>
        
    </body>
    </html>

分享到QQ

分享到微博