const item = {
firstName: 'Donald',
soname: 'Trump'
}
item.name.toString()
return (
(item.name || item.link || item.type)?.toLowerCase().includes(searchTerm)
);
return (
item.name.toLowerCase().includes(searchTerm) ||
item.link.toLowerCase().includes(searchTerm) ||
item.type.toLowerCase().includes(searchTerm)
);
function onMenuLinkClick(e) {
const menuLink = e.target;
menu.classList.remove('_active');
menuBody.classList.remove('_active');
menuBtn.classList.remove('open');
/*..............*/
const gotoBlock = document.querySelector(menuLink.dataset.goto);
const gotoBlockValue = gotoBlock.offsetTop + pageYOffset - document.querySelector('.hero-sec').offsetHeight;
window.scrollTo({
top: gotoBlock.offsetTop,
behavior: 'smooth'
});
const gotoBlock = document.querySelector(menuLink.dataset.goto);
window.scrollTo({
top: gotoBlock.offsetTop,
behavior: 'smooth'
});
window.addEventListener('resize', function(event) {
if (event.currentTarget.innerWidth < 768) {
// показать один блок, присвоив ему класс для отображения
} else {
// показать другой блок, присвоив ему класс для отображения
}
}, true);
@media(max-width: 768px) // будут применены стили если ширина экрана не больше 768px
function scrollToAnchor(aid){
var aTag = $("a[name='"+ aid +"']");
$('html,body').animate({scrollTop: aTag.offset().top},'slow');
}
scrollToAnchor('id якоря');
Хочу знать к чему стремиться и какой функционал нужен для сайта в портфолио что бы стать джуном
<div className={b({ block, elem: "time-bank"})}>
<div className={b({ block, elem: "time"})}>
{secondsToClock(timer)}
</div>
<div className={b({ block, elem: "bank"})}>
<i className="fa fa-database" />
< CountUp end= { 100 }>
{({ countRef }) => (
<span ref={countRef}></span>
)}
</CountUp>
{fund}
</div>
</div>