Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/443.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我怎么能有多个功能?_Javascript - Fatal编程技术网

Javascript 我怎么能有多个功能?

Javascript 我怎么能有多个功能?,javascript,Javascript,我对javaScript非常陌生,所以我的代码可能有点错误。我想知道我怎么能拥有多个javaScript函数,它们一个接一个地工作。因为我只能使用一个函数 我不知道它的布局是否正确,但如果你能帮我,我真的很乐意,谢谢 代码如下: window.addEventListener('load', function () { "use strict"; const l_form = document.getElementById('bookin

我对javaScript非常陌生,所以我的代码可能有点错误。我想知道我怎么能拥有多个javaScript
函数
,它们一个接一个地工作。因为我只能使用一个函数

我不知道它的布局是否正确,但如果你能帮我,我真的很乐意,谢谢

代码如下:

        window.addEventListener('load', function () {
        "use strict";    
         const l_form = document.getElementById('bookingForm');  
         l_form.onchange = calculateTotal;  


        function calculateTotal() {
            let l_totalPrice = 0;  

            const l_item = l_form.querySelectorAll('div.item');  
            const l_itemCount = l_item.length;  

            for (let t_i = 0; t_i < l_itemCount; t_i++) {

                  const t_item = l_item[t_i];  
                  const t_checkbox = t_item.querySelector('input[data-price][type=checkbox]');
                  if (t_checkbox.checked) {

                    l_totalPrice += parseFloat(t_checkbox.dataset.price);
                  }
            }
        l_form.total.value = l_totalPrice;

    }
     });

      window.addEventListener('load', function () {
      function enableBtn() {
        const getTermsChbk =  document.querySelector('termsChkbx');
        const getSubmit = document.querySelector('submit');
        if (getTermsChbk.checked) {
            text.style.color = "black";
            getSubmit.disabled = false;
        }
        else {
            getSubmit.disabled = true;
        }
      });
window.addEventListener('load',function(){
“严格使用”;
const l_form=document.getElementById('bookingForm');
l_form.onchange=计算总数;
函数计算器总计(){
设l_totalPrice=0;
const l_item=l_form.queryselectoral('div.item');
const l_itemCount=l_item.length;
for(设t_i=0;t_i
您可以,但您有一个语法错误。此处已修复:

window.addEventListener('load', function () {
    "use strict";


    const l_form = document.getElementById('bookingForm');
    l_form.onchange = calculateTotal;


    function calculateTotal() {
        let l_totalPrice = 0;

        const l_item = l_form.querySelectorAll('div.item');
        const l_itemCount = l_item.length;

        for (let t_i = 0; t_i < l_itemCount; t_i++) {

            const t_item = l_item[t_i];
            const t_checkbox = t_item.querySelector('input[data-price][type=checkbox]');
            if (t_checkbox.checked) {

                l_totalPrice += parseFloat(t_checkbox.dataset.price);
            }
        }
        l_form.total.value = l_totalPrice;

    }
});

window.addEventListener('load', function () {
    function enableBtn() {
        const getTermsChbk = document.querySelector('termsChkbx');
        const getSubmit = document.querySelector('submit');
        if (getTermsChbk.checked) {
            text.style.color = "black";
            getSubmit.disabled = false;
        } else {
            getSubmit.disabled = true;
        }
    }
});
window.addEventListener('load',function(){
“严格使用”;
const l_form=document.getElementById('bookingForm');
l_form.onchange=计算总数;
函数计算器总计(){
设l_totalPrice=0;
const l_item=l_form.queryselectoral('div.item');
const l_itemCount=l_item.length;
for(设t_i=0;t_i

但是您的
enableBtn
函数将永远不会从您在此处发布的内容运行。

您可以,但您有一个语法错误。此处已修复:

window.addEventListener('load', function () {
    "use strict";


    const l_form = document.getElementById('bookingForm');
    l_form.onchange = calculateTotal;


    function calculateTotal() {
        let l_totalPrice = 0;

        const l_item = l_form.querySelectorAll('div.item');
        const l_itemCount = l_item.length;

        for (let t_i = 0; t_i < l_itemCount; t_i++) {

            const t_item = l_item[t_i];
            const t_checkbox = t_item.querySelector('input[data-price][type=checkbox]');
            if (t_checkbox.checked) {

                l_totalPrice += parseFloat(t_checkbox.dataset.price);
            }
        }
        l_form.total.value = l_totalPrice;

    }
});

window.addEventListener('load', function () {
    function enableBtn() {
        const getTermsChbk = document.querySelector('termsChkbx');
        const getSubmit = document.querySelector('submit');
        if (getTermsChbk.checked) {
            text.style.color = "black";
            getSubmit.disabled = false;
        } else {
            getSubmit.disabled = true;
        }
    }
});
window.addEventListener('load',function(){
“严格使用”;
const l_form=document.getElementById('bookingForm');
l_form.onchange=计算总数;
函数计算器总计(){
设l_totalPrice=0;
const l_item=l_form.queryselectoral('div.item');
const l_itemCount=l_item.length;
for(设t_i=0;t_i

但是你的
enableBtn
函数永远不会从你在这里发布的内容中运行。

花括号{}看起来是个简单的问题。确保每个函数都是独立的、自包含的,变量在你想要使用它们的函数的范围内,并确保你的函数返回一些内容(实际上在javascript中没有必要,但它确实有助于调试)。希望这有助于您愉快地编写代码!

花括号似乎是一个简单的问题{}。确保每个函数都是独立的、自包含的,变量在您想要使用它们的函数的范围内,并确保您的函数返回某些内容(在javascript中实际上不需要,但它肯定有助于调试)。希望这有助于您愉快地编码!

我也不知道您的版本将如何工作…它只是定义了一个函数,从不调用它。我也不知道您的版本将如何工作…它只是定义了一个函数,从不调用它