<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1>хеллоу</h1>
<div>
<ul class="filter">
<li class="active" data-filter="*">Все</li>
<li data-filter="animals">Животные</li>
<li data-filter="fish">Рыбы</li>
<li data-filter="insects">Насекомые</li>
</ul>
</div>
<div class="slider">
<img src="https://ichef.bbci.co.uk/news/660/cpsprodpb/BEEB/production/_108557884_gettyimages-486237421.jpg" alt="Image" class="item animals slider-image">
<img src="https://images2.minutemediacdn.com/image/upload/c_crop,h_1706,w_3036,x_0,y_241/f_auto,q_auto,w_1100/v1554752078/shape/mentalfloss/istock-483749258.jpg" alt="Image" class="item insects slider-image">
<img src="https://www.dw.com/image/47554840_303.jpg" alt="" class="item insects slider-image">
<img src="https://images.unsplash.com/photo-1522720833375-9c27ffb02a5e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80" alt="" class="item fish slider-image">
<img src="https://cdn.mos.cms.futurecdn.net/RY2EpSo74hvYXyAVpTN2Gg-320-80.jpg" alt="" class="item fish slider-image">
<img src="https://i.ytimg.com/vi/G569uHzxRD4/maxresdefault.jpg" alt="" class="item animals slider-image">
<img src="https://i.ytimg.com/vi/ZXblC3wc7tM/maxresdefault.jpg" alt="" class="item animals slider-image">
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script>
<script type="text/javascript">$(document).ready(function() {
$('.filter li').click(function () {
if( !$(this).hasClass("active") ) {
$(this).parent().find('.active').removeClass('active');
$(this).addClass('active');
let selector = $(this).attr("data-filter");
$(".slick-track").isotope({
itemSelector: ".item",
filter: (selector === "*") ? "*" : "." + selector
});
}
});
$('.slider').slick({
slidesToShow: 3,
slidesToScroll: 1
});
});</script>
</body>
</html>"use strict";
//Заполнение таблицы в модальном окне
$(document).ready(function() {
$(".tckttbl").dblclick(function() {
clear_modal(); //Очистка можно так же циклом, принцип показал ниже
var col_arr = []; //Иницализация масива
var rowData = $(this).children(); //Получаем кучу <td> из тега <tr>
for (var i = 0; i < $(this).children().length; i++) {
//Засовываем значения в масив для более удобной работы с ними
col_arr.push($(rowData[i]).text());
}
console.log(col_arr); //Выводит значения стобцов
// for (var i = 0; i <= col_arr.length; i++) {
// //Вместо имени можешь использовать data тэг и радоваться жизни
// $('input[name=col_' + (Number(i) + 1) + ']').val(col_arr[i]);
// }
// Или так если не динамическая таблица
$('tr #decl').text(col_arr[0]);
$('tr #exec').text(col_arr[1]);
$('tr #stag').text(col_arr[2]);
$("#idModalView").modal('show');
});
function clear_modal() { // Очистка модального окна
$('td[id=decl]').val("");
$('td[id=exec]').val("");
$('td[id=stag]').val("");
}"use strict";
const exports = (nums, k) => nums
.some((n1, i, arr) => arr
.some((n2, j) => i !== j && n1 + n2 === k));
window.console.log( exports([14, 15, 3, 7], 17) );<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<ul id="menu">
<li>1.</li>
<li>123</li>
<li>1234</li>
<li>12345.</li>
</ul>
<script type="text/javascript">"use strict";
let findText = "123";
let menu = document.querySelector("#menu");
if ([...menu.getElementsByTagName("li")].some(el => el.innerHTML === findText)) {
window.alert( "Элемент child с определенном текстом имеется." );
}</script>
</body>
</html><!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">"use strict";
if (window.screen.width < 1280) {
window.stop();
}</script>
</head>
<body>
<div style="width: 100px; height: 100px;" class="btn">STOP</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.
</body>
</html>