const Images = document.querySelectorAll('.image')
Images.forEach(image=>
new ImageHover(image)
)// The image element
const theImage = document.querySelector('.image')
new ImageHover(theImage);let htmlString = '<a href="https://site/ua-search/page-4?search=футболка">4</a>';
let content = htmlString.replace(/<a.*?>(.*?)<\/a>/g, "$1");
console.log(content);//4menuLink.addEventListener("click", function (e) {
e.stopPropagation(); // замени preventDefault на это
menuLink.classList.toggle("_active");
});Применимы, но очень ограниченно, и смотря какой фреймворк используется у vue 3 и react кажется с 18 версии более удобно использовать хуки, превращать их в фабрики на мой взгляд бессмысленно лучше упороться в архитектуру разделенную на слои. Последний раз когда писал код подобными паттернами, была обертка над axios
//body html
<button>Button</button>
//css
button{
position: absolute;
top: 20px;
left: 20px;
}A common misbelief is that we can add a click event listener to an A-Frame entity and expect it to work by directly clicking on the entity with our mouse. In WebGL, we must provide the input and interaction that provides such click events. For example, A-Frame’s cursor component creates a synthetic click event on gaze using a raycaster. Or as another example, Mayo Tobita’s mouse-cursor component creates a synthetic click event when clicking directly on the entity using a raycaster.
function roman(all){
let result = ''
numAll.map( (item, ind) =>{
while (item <= all){
result = result + romAll[ind];
all = all - item;
}
});
return result;
};function roman(all){
let result = ' '
romAll.map( (item, ind) =>{
console.log(item <= all)//увидишь что для каждой итерации тут false,
//а значит result останется пустой строкой
while (item <= all){
result = numAll[ind];
all = all - item;
}
});
return result;
};Абсолютно позиционируемый элемент — это элемент, чьё вычисленное значение position является absolute или fixed. top, right, bottom и left (en-US) задают смещения от краёв содержащего блок элемента. (Содержащий блок является предком, относительно которого расположен элемент.)Объяснение твоего вопроса в последнем предложении. Более наглядно попытался объяснить здесь.
const widget = document.createElement('div');
document.body.appendChild(widgetContainer);
ReactDOM.render(
<Widget />,
widget
);if(!marqueeContentWidth) {
setTimeout(()=>{
const duplicatedItems = Array.from(
{ length: itemsNeeded },
() => originalContent
).join('')
marqueeWrap.innerHTML = duplicatedItems
},100)
}window.addEventListener('resize', duplicateItems). В чем его назначение? И так при ресайзе будет нормальная прокрутка. Или я недопонял что-то? .marquee {
padding: 5px 0;
background-color: #000;
color: #fff;
overflow: hidden; /* вот это вот */
}const selected = document.querySelector('.option.selected');
const value = selectedElement.getAttribute('data-value');