document.addEventListener('click', function (event) {
switch (event.target.className) { // или
// var class = event.target.classList;
case 'main-header__button': // и в кейсах проверять class.contains('main-header__button')
doSomething(event.target);
break;
case '...':
...
break;
...
}
});
function doSomething(target) {
// выбрать в вашем случае относительно таргета, к примеру это сосед:
target.nextElementSibling.focus();
// выбрать в вашем случае относительно таргета, к примеру это сосед:
target.previousElementSibling.classList.add('main-header__search-active');
}var button = document.getElementsByClassName('allstatus-btn')[0], // предположим, что он единственный
numbersAll = document.getElementsByClassName('number-all');
button.onclick = function (event) {
for (var i = 0; i < numbersAll.length; i++) {
(function (i) {
var _this = numbersAll[i],
id = _this.textContent;
fetch(
'https://api.novaposhta.ua/v2.0/json/', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
"modelName": "TrackingDocument",
"calledMethod": "getStatusDocuments",
"methodProperties": {
"Documents": [{
"DocumentNumber": id,
"Phone": ""
}]
},
"apiKey": ""
})
}
)
.then(response => response.json())
.then(result => {
console.log(result)
result.data.forEach(function (item, i, arr) {
_this.insertAdjacentHTML('beforeend', item.Status);
});
})
})(i);
}
}//"use strict";
let timeout = 100;
let step = 13.33;
let a = 0, b = 1000;
let el = document.getElementById('test');
function myAwesomeFunc() {
if( a < b ) {
setTimeout(myAwesomeFunc, timeout);
el.innerHTML = a.toFixed(2);
a += step;
} else {
el.innerHTML = b.toFixed(2);
}
}
myAwesomeFunc();else, нужно снимать обработчик со скролла, но для этого нужно научиться навешивать обработчики, с которыми такое можно провернуть.
if (event.target.checked) {
alert( ' Добрый день ' );
// где event.target - элемент на котором произошло событие - input
}var radios = document.querySelectorAll('[type="radio"]'),
div = document.getElementById('itogo');
document.addEventListener('change', function(event) {
if (event.target.type.toLowerCase() === 'radio') {
var group = event.target.name;
for (var i = 0; i < radios.length; i++) {
if (radios[i].name !== group && radios[i].checked) {
div.style.display = 'block';
break;
}
}
}
});setInterval(function() {
document.getElementsByClassName('next')[0].click();
var slide1 = document.getElementsByClassName('slide-container')[0],
slidesContainer = document.getElementsByClassName('slides')[0];
slidesContainer.appendChild(slide1);
}, 4000);var el1 = $('.lol1'),
el2 = $('.lol2');
$('.building1').on('click', function(event) {
$(el1).attr('id') ? $(el1).removeAttr('id') : $(el1).attr('id', 'lol1');
$(el2).attr('id') ? $(el2).removeAttr('id') : $(el2).attr('id', 'lol2');
// etc.
});i - индекс, описанный выше. В ней треку устанавливаете .src = fileUrl[i]; и вызываете метод .play();
<style>
.wrap li {
display: none;
}
</style>
<div class="wrap">
<ul>
<li>Услуги1</li>
<li>Услуги2</li>
<li>Услуги3</li>
<li>Услуги4</li>
<li>Услуги5</li>
<li>Услуги6</li>
</ul>
<a href="#">Еще</a>
</div>var li = document.querySelectorAll('.wrap li'),
a = document.querySelector('.wrap a'),
n = 2;
function showMore(n) {
for (var i = 0; i < li.length; i++) {
if (i < n) {
li[i].style.display = 'block';
if (n === li.length) a.style.display = 'none';
} else {
break;
}
}
}
showMore(n);
a.onclick = function(e) {
e.preventDefault();
n += 2;
showMore(n);
}noConflict моде.
var str = 'transactions?TransactionsSearch[statuses][]=closed&TransactionsSearch[statuses][]=decline&TransactionsSearch[statuses][]=pending&TransactionsSearch[statuses][]=open?TransactionsSearch[specifications][]=transfer_main_user_to_main_company&TransactionsSearch[specifications][]=bonus_charge&TransactionsSearch[specifications][]=wallet_in_for_order_pay_blockchain&TransactionsSearch[direction]=all&TransactionsSearch[limit]=10'
str.replace(/\?/g, '&').replace('&', '?');$.autocomplete({}) метод renderItem (пишу по памяти), ну и переопределить его на свой, чтобы рендерил элементы ссылками.
event.target в таком случае становятся h3 или span, а не info-header-tab, а они соответственно не содержат класса info-header-tab. Нужно проверять по другому:info.addEventListener('click', function (event) {
let target = event.target;
let t;
if (target.parentElement.classList.contains('info-header-tab'))
t = target.parentElement;
else if (target.classList.contains('info-header-tab'))
t = target;
if (t) {
for (let i = 0; i < tab.length; i++) {
if (t == tab[i]) {
hideTabContent(0);
showTabContent(i);
break;
}
}
}
});