Question

目标：

使用html创建前端以读取存储在Firebase数据库中的数据
显示用户提供的日期范围内的数据
到目前为止，我已经创建了一个带有表单的html文件，以收集用户输入（开始和结束日期）。该文件正在使用tomcat服务器托管。

如何将我的.js链接到我的.html文件并检索用户输入？

运行此代码时，我看到了for，并且能够输入数据。似乎“提交”按钮未链接。

index.html

<html>
    <head>
    </head>
    <body>  
    <form id="userForm">
    <h1> Baby Detection In Car </h1>
        Please enter information below.<br/><br/>
        Start Time (mm/dd/yyyy): <input type="text" name="start" id="start"><br>
        End Time (mm/dd/yyyy): <input type="text" name="end" id="end"><br>
        <button type="submit">Submit</button>
        </form> 
        <script src=index.js></script>      
    </body>
</html>

index.js文件

//Event listener for user input to form 
document.getElementById('userForm').addEventListener('Submit',submitForm); 
function submitForm(e){
    e.preventDefault();
 //Get values 
    var start = getInputVal('start');
    var end = getInputVal('end');
}
//Function to get user input 
function getInputVal(id){
    return document.getElementById(id).value; 
}

Answer 1

进一步检查后，.js文件已正确链接。一旦提交被按下，就没有呼叫向用户显示数据。

html文件中的表单数据未链接到.js文件

1 个答案: