<div>
<button id="btn">Click Me!</button>
<button id="btn2">Click Meee</button>
</div>
<div class="b" id="sun1"></div>
<div class="b" id="sun2"></div>
<div class="b" id="sun3"></div>let idName = 'sun';
function setBg(i) {
idName += i;
document.getElementById(idName)
.style.backgroundColor = 'green';
}
var mql=window.matchMedia("(max-width:500px)")
if(mql.matches){
document.getElementById('btn').addEventListener('click', () => {
setBg(1);
});
document.getElementById('btn2').addEventListener('click', () => {
setBg(2);
});
}var mql=window.matchMedia('all and (max-width:500px;)');
if(mql){
ww.onclick=function(){
alert('да')
}
}
else{
ww.onclick=function(){
alert('нет')
}
}div{
background:black;
}var body=document.getElementById('body')
if(body>'500px'){ //боди(ширина экрана) меньше 500 пикселей
//кнопка нажимается{
//элемент меняет цвет на синий
}
else{ кнопка нажимается, элемент меняет цвет на белый}
}document.getElementById('pr3').addEventListener('click', function(){
document.getElementById('tovar3_count').style.width="100%";
document.getElementById('tovar3_count').style.height="90%";
...
});