@import 'file.scss'
install– это зарезервированное имя метода для подключения плагина..use(my_plugin) вызывается метод install() вашего плагина.
<input class="price" oninput="calc()">
<input class="quantity" oninput="calc()">
<div id="result"></div>function calc(){
const priceInput = document.querySelector('.price');
const quantityInput = document.querySelector('.quantity');
const cost = priceInput.value * quantityInput.value;
document.getElementById('result').innerHTML = cost;
}DocumentRoot "D:/xampp/htdocs/mysite/public"
<Directory "D:/xampp/htdocs/mysite/public">
...D:/xampp/htdocs/mysite/
- this.dataTest = JSON.stringify(localStorage.localStorage);
+ this.dataTest = localStorage.localStorage;
window.addEventListener('DOMContentLoaded', function() {
[...document.querySelectorAll('img[data-src]')].forEach(img => {
if (img.dataset.src) {
img.src = img.dataset.src;
}
})
})class myPlugin {
constructor(element, options) {
this.element = element
this.options = Object.assign({}, {
option1: false,
option2: 600
}, options)
}
testMyEvent(){
if (typeof this.options.onEvent === 'function') {
this.options.onEvent(this.element, 123, this.options /* что угодно */);
}
}
}const plugin = new myPlugin("#element", {
option1: false,
option2: 600,
onEvent: (element, num, opts) => {
console.log(element, num, opts)
}
});
plugin.testMyEvent();overscroll-behavior .two {
overscroll-behavior: none;
}