<div class="list">
<ul class="list__items current-list">
<li class="item">Egg - food</li>
<li class="item">Dog - animal</li>
<li class="item">Cat - animal</li>
<li class="item">Bread - food</li>
</ul>
<ul class="list__items new-list">
<!-- animal - список -->
</ul>
</div>
document.querySelector('.new-list').innerHTML = [...document.querySelectorAll('.current-list li')].map(el => {
if(el.innerText.indexOf('animal') > -1) return `<li class="item">${el.innerText}</li>`;
}).join('');
const myCurrentArray = ['a','b','c'];
const filterA = myCurrentArray.filter(el => el === 'a');
const filterB = myCurrentArray.filter(el => el === 'b');
const filterC = myCurrentArray.filter(el => el === 'c');
console.log(filterA, filterB, filterC, myCurrentArray)
AOS.init();
const watch = document.querySelector("#watch");
let milliseconds = 0;
let timer;
function ImgForJs() {
window.open("https://website-about.neocities.org/main-page.html", "_blank")
}
function h1ForJs() {
window.open("https://website-about.neocities.org/main-page.html", "_blank")
}
function millisToHuman(milliseconds) {
return new Date(milliseconds).toISOString().slice(11, 23);
}
const startWatch = () => {
watch.classList.remove("paused");
clearInterval(timer);
timer = setInterval(() => {
milliseconds += 10;
const timeStr = millisToHuman(milliseconds);
result.innerHTML = timeStr;
watch.innerHTML = timeStr;
}, 10);
};
const pauseWatch = () => {
watch.classList.add("paused");
clearInterval(timer);
};
const resetWatch = () => {
watch.classList.remove("paused");
clearInterval(timer);
// milliseconds = 0;
watch.innerHTML = "00:00:00:00";
result.innerHTML = "00:00:00:00";
};
document.addEventListener("click", (e) => {
const element = e.target;
if (element.id === "start") startWatch();
if (element.id === "pause") pauseWatch();
if (element.id === "reset") resetWatch();
});
const laps = [];
function newLapTime() {
if(laps.length < 6) {
laps.push(`
<br/>
<div>
${millisToHuman(milliseconds)}
</div>`
); document.querySelector('.lapContainer').innerHTML = laps.join('');
}
// milliseconds = 0;
}
function setDarkTheme()
{
localStorage.setItem('theme', 'dark');
}
document.body.onload = () => {
const theme = localStorage.getItem('theme');
if(theme) {
if(theme === 'dark') {
document.documentElement.classList.remove("light");
document.documentElement.classList.add("dark");
localStorage.setItem("theme", "dark");
} else if(1 !== 2) {
//another theme
}
}
}
const socket = io("https://server-domain.com");
localhost:3000