Gsyfuy

I'm trying to debug a js file in magento 2. And i dont know how to do that. I've try console.log('some thing in here'), but doesn't work, i've clear cache as well.

Here is my problem:
I've 3 checkbox here, and they count in that"input hiden" in the image below.

So when i click on the check box to turn off, it count down 1 (see the image below). It work perfecty til here.

But when i click on the check box again. It should count up 1 right, but it doesn't. I dont know where is wrong in my code.

Here is my js file named assign-slide.js (this js is following assign-product.js):

C:xampphtdocsmagentovendormagentomodule-catalogviewadminhtmlwebcatalogcategoryassign-products.js

/**





* Copyright © Magento, Inc. All rights reserved.

 * See COPYING.txt for license details.

 */



/* global $, $H */



define([

    'mage/adminhtml/grid'

], function () {

    'use strict';



    return  {

        assignSlide: function(config){

        var selectedSlide = config.selectedSlide,

            bannerSlide = $H(selectedSlide),

            gridJsObject = window[config.gridJsObjectName],

            tabIndex = 1000;



        $('in_banner_slide').value = Object.toJSON(bannerSlide);



        /**

         * Register Banner Slide

         *

         * @param {Object} grid

         * @param {Object} element

         * @param {Boolean} checked

         */

        function registerBannerSlide(grid, element, checked) {

            if (checked) {

                if (element.positionElement) {

                    element.positionElement.disabled = false;

                    bannerSlide.set(element.value, element.positionElement.value);

                }

            } else {

                if (element.positionElement) {

                    element.positionElement.disabled = true;

                }

                bannerSlide.unset(element.value);

            }

            $('in_banner_slide').value = Object.toJSON(bannerSlide);

            grid.reloadParams = {

                'selected_slide[]': bannerSlide.keys()

            };

        }



        /**

         * Click on Slide row

         *

         * @param {Object} grid

         * @param {String} event

         */

        function bannerSlideRowClick(grid, event) {

            var trElement = Event.findElement(event, 'tr'),

                isInput = Event.element(event).tagName === 'INPUT',

                checked = false,

                checkbox = null;



            if (trElement) {

                checkbox = Element.getElementsBySelector(trElement, 'input');



                if (checkbox[0]) {

                    checked = isInput ? checkbox[0].checked : !checkbox[0].checked;

                    gridJsObject.setCheckboxChecked(checkbox[0], checked);

                }

            }

        }



        /**

         * Change Slide position

         *

         * @param {String} event

         */

        function positionChange(event) {

            var element = Event.element(event);



            if (element && element.checkboxElement && element.checkboxElement.checked) {

                bannerSlide.set(element.checkboxElement.value, element.value);

                $('in_banner_slide').value = Object.toJSON(bannerSlide);

            }

        }



        /**

         * Initialize Banner Slide row

         *

         * @param {Object} grid

         * @param {String} row

         */

        function bannerSlideRowInit(grid, row) {

            var checkbox = $(row).getElementsByClassName('checkbox')[0],

                position = $(row).getElementsByClassName('input-text')[0];



            if (checkbox && position) {

                checkbox.positionElement = position;

                position.checkboxElement = checkbox;

                position.disabled = !checkbox.checked;

                position.tabIndex = tabIndex++;

                Event.observe(position, 'keyup', positionChange);

            }

        }



        gridJsObject.rowClickCallback = bannerSlideRowClick;

        gridJsObject.initRowCallback = bannerSlideRowInit;

        gridJsObject.checkboxCheckCallback = registerBannerSlide;



        if (gridJsObject.rows) {

            gridJsObject.rows.each(function (row) {

                bannerSlideRowInit(gridJsObject, row);

            });

        }

    }};

});

EDIT 1:

So i found the way to debugging with console.log, its you go to pub/static../your_js_file_that_you_want_to_console_log.js and put console.log in there and clear cache also ctrl + F5 in your browser so it clear your browser cache as well.

But my problem with js still there.