if(target.className === 'filter__btn') {
filteringGallery(target.id);
};<div class="top-line">
<div class="logo">lorem</div>
<div class="text">text text text text</div>
<nav class="menu">
<div class="wrapper">
<a href="/">туда</a>
<a href="/">вход</a>
<a href="/">выход</a>
</div>
</nav>
</div>
<div class="bottom-line">
<nav class="list-social">
<a href="/">facebook</a>
<a href="/">instagram</a>
<a href="/">vk</a>
</nav>
</div>.text
background-color: red
padding: 15px
width: calc(100% / 12 * 4)<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>nth-child</title>
<style>
table {
width: 100%; /* Ширина таблицы */
border-spacing: 0; /* Расстояние между ячейками */
}
tr:nth-child(2n) {
background: #f0f0f0; /* Цвет фона */
}
tr:nth-child(1) {
background: #666; /* Цвет фона */
color: #fff; /* Цвет текста */
}
</style>
</head>
<body>
<table border="1">
<tr>
<td> </td><td>2134</td><td>2135</td>
<td>2136</td><td>2137</td><td>2138</td>
</tr>
<tr>
<td>Нефть</td><td>16</td><td>34</td>
<td>62</td><td>74</td><td>57</td>
</tr>
<tr>
<td>Золото</td><td>4</td><td>69</td>
<td>72</td><td>56</td><td>47</td>
</tr>
<tr>
<td>Дерево</td><td>7</td><td>73</td>
<td>79</td><td>34</td><td>86</td>
</tr>
<tr>
<td>Камни</td><td>23</td><td>34</td>
<td>88</td><td>53</td><td>103</td>
</tr>
</table>
</body>
</html>// здесь принимаем функции как параметры (yes - showOk, no - showCancel)
function ask(question, yes, no) {
// confirm(question) выполняется так как нам нужен результат из if (true или false)
// Если confirm(question) - true (нажмете Ок), то выполниться yes() (showOk), иначе выполниться no() (showCancel)
if (confirm(question)) yes()
else no();
}
function showOk() {
alert( "Вы согласились." );
}
function showCancel() {
alert( "Вы отменили выполнение." );
}
// здесь передаем функции showOk и showCancel в параметры ask (первый параметр - текст сообщения в confirm)
ask("Вы согласны?", showOk, showCancel);let count = Math.round(array.lenght / 5) // array - ваш массив
let columns = []
columns.length = count<div *ngFor="let column of columns; let i = index"></div><div *ngFor="let column of columns; let i = index">
<span *ngFor="let item of newArrays[i]> {{ item }} <span>
</div>window.onload = function () {
startTimer(5, document.getElementById("time")); // 5 - сколько секунд ; document.getElementById("time") - блок, где нужно значение
startTimer(10, document.getElementById("time1"));
};
function startTimer(duration, display) {
var start = Date.now(),
diff,
minutes,
seconds;
function timer() {
diff = duration - (((Date.now() - start) / 1000) | 0);
minutes = (diff / 60) | 0;
seconds = (diff % 60) | 0;
minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;
if ( minutes === '00' && seconds === '00') {
display.textContent = 'текст'; // тут ваш текст
clearInterval(interval)
} else {
display.textContent = minutes + ":" + seconds;
}
if (diff <= 0) {
start = Date.now() + 1000;
}
};
var interval = setInterval(timer, 1000);
timer();
}class SideBar extends Component {
deletePoint = (obj) => {
const text = 'Вы хотите удалить точку маршрута \'' + obj.address + '\'?';
const result = window.confirm(text);
if(result) {
const markers = this.props.markers,
routes = this.props.routes;
for (let i = 0; i < markers.length; i++) {
if (markers[i].address === obj.address) {
markers.slice(i,1);
routes.slice(i,1);
}
}
this.props.deleteRoute(markers, routes)
}
}
render() {
const points = this.props.markers;
const point = points.map((obj, index) => (
<li key={index}>
{obj.address}
<button onClick={this.deletePoint.bind(this, obj)}>Удалить точку</button>
</li>
)
)
return (
<div>
<div>
<ol>{point}</ol>
</div>
</div>
)
}
}