let cat = this.dataset.filter;
let cat = this.getAttribute('data-filter');
.icons {
display: flex;
align-items: center;
flex-direction: row;
}
themeButton.addEventListener("click", function() {
console.log('Кнопка нажата!');
})
$(function() {
(function quantityProducts() {
$(".quantity-arrow-minus").click(quantityMinus);
$(".quantity-arrow-plus").click(quantityPlus);
function quantityMinus() {
let currentInput = $(this).parent().find('.quantity-num');
if (currentInput.val() > 0) {
currentInput.val(+currentInput.val() - 1);
}
}
function quantityPlus() {
let currentInput = $(this).parent().find('.quantity-num');
currentInput.val(+currentInput.val() + 1);
}
})();
});
$(".quantity-block").each(function() {
let currentInput = $(this).children('.quantity-num');
$(this).children('.quantity-arrow-minus').click(function() {
if (currentInput.val() > 0) {
currentInput.val(+currentInput.val() - 1);
}
});
$(this).children('.quantity-arrow-plus').click(function() {
currentInput.val(+currentInput.val() + 1);
});
});
.modal-map img {
width: 100%;
}
img
и ставим через background-image
<div class="container">
<div class="col-xl-4">
<div id="panel-3" class="panel">
<div class="panel-hdr">
<!-- BLOCK 1 CODE -->
</div>
</div>
</div>
<div class="col-xl-4">
<div id="panel-3" class="panel">
<div class="panel-hdr">
<!-- BLOCK 2 CODE -->
</div>
</div>
</div>
</div>
.container {
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}
let data = [
{id: 489, name: "Nickname"},
{id: 345, name: "Email"}
];
<div>
{
data.map((dat, index) => {
return (
<Link>{dat.name}</Link>
)
})
}
</div>
var search = document.getElementById('search');
var res = 0;
search.onclick = function(){
var n = document.getElementById('n').value;
var k = document.getElementById('k').value;
var m = document.getElementById('m').value;
for (var i = 0; i < n.length; i++) {
if (n.charAt(i) == m){
res = res + 1;
}
}
for (var i = 0; i < k.length; i++) {
if (k.charAt(i) == m){
res = res + 1;
}
}
alert(res);
}