OnClick - Вызов функции из другого файла

У меня есть файл functions.js, связанный с интерфейсом, внутри я хочу щелкнуть div (item1wrapper) и вызвать функцию из моего файла index.js.

В этом файле functions.js я добавляю div:

  socket.on('response', function (data) {
        if (msg.includes('totalPrice')) {    
        if (parsed.itemPrice.length === 1) {
            $('#messages').append($('<li id = "messageclient">').append($(`
            <div id = "message-cont" class = "message-cont">     
            <div class = "orderDetailsWrapper">
            <div class = "detailsHeaderWrapper">
                <div class = "orderNum"></div>
                <div class = "customerName"></div>
            </div>

            <div class = "textToCustomer">
            <p> Please click on the item you want to return</p>

           </div>

           <div class = "itemBoxWrapper">
           <div id  = "item1Wrapper" class = "item1Wrapper" onclick = "">
               <div class = "item1Title"></div>
               <div class = "item1Price"></div>
           </div>`
        )).append($('<div id = "client-imgorder">')));
        $("#messages").animate({ scrollTop: $("#messages")[0].scrollHeight }, 1000);

        $('.customerName').text('Customer name: ' + customerName);
        $('.orderNum').text('Order number: ' + orderNum);

        $('.item1Title').text('Item: ' + item1Title);
        $('.item1Price').text('Price: ' + item1Price);

        }

Экспорт модуля не работает, потому что он связан с интерфейсом?

Вот моя функция в моем файле index.js:

 function oneCall() {
            itemId = itemIdArray[0];
            // matching API get 

            // getRefundCalc API post.
            console.info('ngrokurl' + ngrokUrl)
            console.info('domain' + domain)
            console.info('orderId' + orderId)
            console.info('itemId' + itemId)

            /*
            The Purchase date must be in the future
            */


            rp(optionsPOST1)
                .then(function (parsedBody) {
                    Match = parsedBody.Match;
                    if (Match) {
                        console.info('Match is true');

                        httpRequest.post(
                            `${ngrokUrl}/${domain}/${orderId}`,
                            {
                                json:
                                    {
                                        "line_items": [
                                            {
                                                "line_item_id": itemId, "quantity": 1
                                            }
                                        ]
                                    }
                            },
                            function (error, resp, body) {
                                if (!error && resp.statusCode == 200) {
                                    console.info(body)

                                    response = responseToFrontEnd
                                    data = [details.chatuser, response]
                                    io.of('/main').to(socket.id).emit('response', data);

                                }
                                else {
                                    console.info('error' + error)
                                }
                            }
                        )
                        // include getRefundCalc within here
                    } else {
                        console.info('Match is false');
                        response = `I'm sorry but your item fell out of the refund policy. Please check the purchase date of your item or if it falls under the minimum price.`
                    }
                });
            }

В настоящее время «onclick» пуст, потому что он не работал, когда я нажимаю на этот div в этом файле functions.js, я хочу вызвать эту функцию! и он должен находиться за пределами файла функциональности, так как он требует узловых модулей и должен находиться в функции сокета!

Вы должны включить файл index.js в файл html перед его использованием.

wrangler 19.09.2018 08:08

Если я включу файл index.js в свой html, то возникнут ошибки

Sparlarva 19.09.2018 08:09

тогда я думаю сначала решить ошибки (какие ошибки?)

wrangler 19.09.2018 08:10

Отказано в выполнении сценария из «локальный: 3000 / index.js», потому что его тип MIME («text / html») не является исполняемым и включена строгая проверка типа MIME.

Sparlarva 19.09.2018 08:11

Я тоже однажды решил эту проблему, но включение индекса остановило работу моего файла functions.js.

Sparlarva 19.09.2018 08:12
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
5
113
0

Другие вопросы по теме