.item-data > .price {
display: flex !important;
flex-direction: row-reverse;
justify-content: flex-end;
}
themeButton.value = (themeButton.value === "Темная тема") ? "Светлая тема" : "Темная тема";
<input type="button" value="Темная тема" class="themeButton">
на <button type="button" class="themeButton" data-light-text="Темная тема" data-dark-text="Светлая тема"></button>
.themeButton::before {
content: attr(data-dark-text)
}
body.darkTheme .themeButton::before {
content: attr(data-light-text)
}
const x = 'Здравствуйте, <span class="a612353adjddv__AS" data-target="id_customer">продавец</span>! Мы хотим с Вами заключить <span class="bbasfaAFADFAFV_SD" data-target="id_option">договор</span>. Как Вы на это смотрите, <span id="some_id" class="a612353adjddv__AS" data-target="id_customer">продавец</span>'
let dataTargetValues = []
x.replace(/data-target=([\\"\\'])(.*?)\1/g, current => dataTargetValues.push(current.replace(/data-target=/, '').replace(/["']/g, '')))
console.log(dataTargetValues)
dataTargetValues = Array.from(new Set(dataTargetValues))
buildQuiz()
const quizContainer = document.getElementById('quiz');
const resultsContainer = document.getElementById('results');
const submitButton = document.getElementById('submit');
const myQuestions = [ { question: "Who invented JavaScript?", answers: { a: "Douglas Crockford", b: "Sheryl Sandberg", c: "Brendan Eich" }, correctAnswer: "c" }, { question: "Who can help us?", answers: { a: "Noone", b: "Specialists", c: "Youself" }, correctAnswer: "b" }, { question: "Which language can you use to write it?", answers: { a: "PHP", b: "Java Script", c: "CSS"}, correctAnswer: "b" } ];
const previousButton = document.getElementById("previous");
const nextButton = document.getElementById("next");
const slides = document.querySelectorAll(".slide");
showSlide
document.body.addEventListener('contextmenu', e => {
e.preventDefault();
});
<body>
.$(document).ready(function(){
var slinky = $('.js-menu').slinky({
title: true,
resize: true
});
});
window.addEventListener('load', () => {
const multiplyInput = document.querySelector('#multiply');
const resultElements = document.querySelectorAll('.result');
// Записать дефолтные значения в атрибут data-default-count (ну или массив там и т.п.)
resultElements.forEach(item => {
item.setAttribute('data-default-count', item.innerText);
});
// после каждого изменения инпута
multiplyInput.addEventListener('input', e => {
// перебрать все дивы
resultElements.forEach(item => {
// значения data-default-count умножить на то, что введено в инпут(без проверок каких-то там)
item.innerText = item.getAttribute('data-default-count') * e.target.value;
});
})
})
window.addEventListener('load', () => {
const multiplyInput = document.querySelector('#multiply');
const resultElements = document.querySelectorAll('.result');
resultElements.forEach(item => {
item.setAttribute('data-default-count', item.innerText);
});
const calcData = () => {
resultElements.forEach(item => {
item.innerText = item.getAttribute('data-default-count') * multiplyInput.value;
});
}
calcData();
multiplyInput.addEventListener('input', calcData)
})
.gallery__item{ flex-shrink: 0; }
$this.toggleClass("active");
$this.find('.accordion__content').slideToggle(500); // 500 — скорость появления\исчезновения
html::-webkit-scrollbar, body::-webkit-scrollbar { width: 0; }
html, body { -ms-overflow-style: none; overflow: -moz-scrollbars-none; }
<input id="myInput" type="text">
<div id="myResult">Вы выбрали: <span></span></div>
// Исходный массив
const string = ["ТЕСТ","Строка", "String"]
// Инпут
const myInput = document.querySelector('#myInput')
// Куда выводить результат
const myResult = document.querySelector('#myResult')
// При вводе в инпут
myInput.addEventListener('input', e => {
// Фильтруем исходный массив
// Если эелемент массива (например "ТЕСТ") содержит введённую в инпут букву\строку
// То НЕ фильтруем этот элемент массива
// Остальные элементы фильруем
const filteredString = string.filter(item => item.toLowerCase().indexOf(e.target.value.toLowerCase()) != -1)
// Выводим в myResult результат
// Отфильтрованный массив filteredString преобразуем в строку, разделённую ', '
// Если массив пуст, то выводим 'ничего...'
myResult.innerHTML = filteredString.join(', ') || 'ничего...'
})
const myNumber = 30 // число, которое нужно прибавить
'string0001ddf'.replace(/\d+/g, num => {
const sum = num * 1 + myNumber; // 1 + 30
let zeroCount = num.length - sum.toString().length // Кол-во нулей вначале, исходя из полученного числа 0001
// Если длина строки суммы больше, чем исходное число
if(zeroCount < 0){
// то нули не добавляем
zeroCount = 0
}
return '0'.repeat(zeroCount) + sum;
})