Никита Егоров

const array = document.querySelectorAll('[class*="toggle-"]') // Взято из варианта @0xD34F 

Array.from(array).forEach(el => {
		const name = el.className.split('toggle-').join('')
    el.classList.remove(el.className)
    el.classList.add(name)
})

Рабочий пример - https://jsfiddle.net/Svupol/34jmxL97/10/

https://jsfiddle.net/Svupol/kscjx827/31/

let key = 0;

document.getElementsByTagName('button')[0].addEventListener('click', () => {
		if (key == 13)
    	console.log('Клава')
    else 
    	console.log('Мышка')
      
    key = 0
}) 

document.addEventListener('keypress', (e) => {
		key = e.keyCode
    console.log(key)
})

Рабочий пример - https://jsfiddle.net/Svupol/8d5bvxrL/3/

https://alvarotrigo.com/fullPage/ru/#page1

127.0.0.1:8000/index#/statistics/customers ?

length, а у вас lenght

Код пока не проверял

const music = document.getElementById('music');
music.volume = 0.1

music.addEventListener('click', () => {
   music.classList.toggle('active')

    if (music.className.indexOf('active') === -1)
         music.pause()
    else
         music.play()
})

Ошибка у вас в том, что когда вы кликаете вы не проверяете класс. Проверка класса вне обработчика события. Вы сначала проверяете, затем инициализируете обработчик.

Вот так?

https://jsfiddle.net/Svupol/mupfgbx0/9/

Фуух, наконец-то сделал, час убил - https://jsfiddle.net/1nfypqdv/120/

https://learn.javascript.ru/intl

const number = 123456789.213231;

alert( number.toLocaleString() );

const el = document.getElementById('yourElement')

el.addEventListener('animationend', function() {
    el.classList.remove('animated fadeInDown')
})

Я изменю свой ответ, так как наткнулся на такой замечательный плагин как - copy-webpack-plugin.

Вот примерная его конфигурация:

plugins: [
    new CopyWebpackPlugin([{
            from: './src/fonts',
            to: './fonts'
        },
        {
            from: './src/favicon',
            to: './favicon'
        },
        {
            from: './src/img',
            to: './img'
        },
        {
            from: './src/uploads',
            to: './uploads'
        }
    ]),
]

const elements = document.getElementsByClassName('test')

for (let i = 0; i < elements.length; i++) {
    elements[i].addEventListener('click', () => {
        alert(i + ' элемент')
    })
}

https://codepen.io/anon/pen/KBdLpZ

Вот:

gulp.task('browser-sync', function() {
    browserSync({
        server: { 
            baseDir: 'dev/client'
        },
        notify: false
    });
});

gulp.task('watch', ['browser-sync',], function() {
    gulp.watch('ваш_путь/**/*.js', browserSync.reload);
});

Сорян что без jq, просто мне нативным js быстрее
Вот пример, где все работает - https://jsfiddle.net/mjhk35av/2/

const block = document.querySelector('.benefits-block')
const childrenArray = block.children

block.addEventListener('mouseenter', function() {
    for (let i = 0; i < childrenArray.length; i++) {
       childrenArray[i].classList.add('enabled')
    }
})

Установите плагин babel-plugin-transform-react-jsx, а после подключите его.
npm i -D babel-plugin-transform-react-jsx

gulp.task('babel', function() {
    return gulp.src('js/source/**/*.js')
        .pipe(babel({
            plugins: ['transform-react-jsx']
        }))
        .pipe(gulp.dest('js/build'))
});