javascript中未定义引用错误文档_Javascript_Html

javascript中未定义引用错误文档

javascript html

javascript中未定义引用错误文档,javascript,html,Javascript,Html,当我保存bill.js编辑器时，我正在使用括号编辑器每个文档出现错误所需输出未出现 HTML代码是 <!DOCTYPE html> <html lang="en"> <head> <title>split Bill</title> <link rel="stylesheet" type="text/css" href="normalize.css"> <link rel="stylesheet

当我保存bill.js编辑器时，我正在使用括号编辑器每个文档出现错误所需输出未出现

HTML代码是

<!DOCTYPE html>
<html lang="en">
<head>
    <title>split Bill</title>
    <link rel="stylesheet" type="text/css" href="normalize.css">
    <link rel="stylesheet" type="text/css" href="splitbill.css">
</head>

<body>
   <div id="container">
       <h1>Bill calculator</h1>
       <div id="calculator">
           <form>
               <label>
                   How Much your Bill ? <br>
            Rupees <input  type="text" id="billAmount">
               </label>
               <label>
                How was your Service sir?<br>
                <select id="serviceFeedback">
                    <option disabled selected value="0">
                        --Choose an option--
                    </option>
                    <option value="0.4">
                        40% -Very Good
                    </option>
                    <option value="0.3">
                        30% - Good
                    </option>
                    <option value="0.2">
                        20% - it was Ok
                    </option>
                    <option value="0.1">
                        10% - Bad
                    </option>
                    <option value="0.05">
                        5% - poor
                    </option>
                  </select>
               </label>
               <label>
                   How many people sharing the bill?<br>
                   <input type="text" id="totalpeople">
                   people
               </label>
               <button type="button" id="calculate">calculate!</button>
           </form>
       </div>
       <div id="totalTip">
           <sup>Rupees</sup><span id="tip">0.00 </span>
           <small id="each">each</small>
       </div>
   </div>

   <script type="text/javascript" src="bill.js"></script>

</body>
</html>


分摊票据
账单计算器
你的账单多少钱

卢比
先生，您的服务怎么样？

--选择一个选项--
40%-非常好
30%好
20%——还行
10%坏
5%差
有多少人分担账单？

人
算算！
卢比0.00
每个

javascript在这里，我没有在每个文档函数中都获得所需的输出。有错误标志。请告诉我我在使用括号编辑器时做了什么。为什么我使用了在HTML代码的末尾

//create function
function calculateTip() {

    var billAmount = document.getElementById("billAmount").value;
    var serviceFeedback = document.getElementById("serviceFeedback").value;

    var numpeople =document.getElementById("totalpeople").value;

    //validation
    if (billAmount =="" ||serviceFeedback == 0) {

        window.alert("please enter some value Boss!");
        return;
    }

    //if input is empty
    if (numpeople =="" ||numpeople <= 1) {
        numpeople =1;
        document.getElementById("each").style.display ="none";


    } else {
        document.getElementById("each").style.display ="block";

    }

    var total = (billAmount * serviceFeedback) / numpeople;
    total = Math.round(total * 100) / 100;
    total = total.toFixed(2);

    //display the  tip
    document.getElementById("totalTip").style.display = "block";
    document.getElementById("tip").innerHTML = total;
}

// hide tip amount

document.getElementById("totalTip").style.display ="none";
document.getElementById("each").style.display ="none";

//clicking the button  calls our custom function

document.getElementById("calculate").onclick=function()
{
    calculateTip();
}

//创建函数
函数calculateIP（）{
var billAmount=document.getElementById（“billAmount”）.value；
var serviceffeedback=document.getElementById（“serviceffeedback”）.value；
var numpeople=document.getElementById（“totalpeople”）.value；
//验证
如果（billAmount==“”| | serviceFeedback==0）{
window.alert（“请输入一些值Boss！”）；
返回；
}
//如果输入为空
如果（numpeople==“”| | numpeople在函数“calculateTip”中，我找到了以下行：
if (billAmount =="" || ServiceFeedback == 0) {

此处ServiceFeedback以大写字母而不是小写字母开头
选择字段的选定选项如下所示：
let selectElement = document.getElementById("serviceFeedback");
let serviceFeedback = selectElement.option[selectElement.selectedIndex].value;

在html文件中，我发现了另一个问题：
<input type="text" id="totalpeople ">

最好是：
<input type="text" id="totalpeople">

document.getElementById("each").style.display = "none";

我希望这有帮助
To引用错误：未定义文档我发现：

=>我的问题是：
bill.js包含什么
CalculateIP（）在哪里调用
我的意思是：在创建文档之前，是否有这样的调用document.getElementsBy…
您介意包括您得到的参考错误吗？错误：'document'未定义。[no undef]在每个文档中，都有一个十字符号，输出是不可取的。Eagle eye BraunHey D.Braun感谢您的答复我解决了这个问题，但问题仍然没有解决solve@pankaj杰哈：我在回答中添加了一些东西。
document.getElementById("each").style.display = "none";