Как добавить кавычки элементу в Js?

Question

[Voldemar_pauk]

Есть 10 блоков div, и по нажатию кнопки нужно менять их свойства, изначально скрипт был около 400 строк.
Но, было сделано что то подобное. Работать скрипт должен так:
есть функция, которая берёт переменные (свойство изменяемого блока div)
id у свойств одинаковый: sun
в функции есть один аргумент 'count' при вызове должно происходить это:
вызывается функция с аргументом (1), после чего к sun добавляется аргумент(1)=sun1.
И после этого sun1 передаётся к getElementById( вот сюда). И меняются свойства блока div с id sun1.
Но это не работает, как я понял из за того что в getElemt аргумент подаётся без кавычек, так: getElement(sun1)
А как передать кавычки я не знаю, пробывал: sun="'"+sun+"'" не помогло

var tovar_count='tovar_count';
var tovar_price='tovar_price';
var tovar_img='tovar_img';
var tovar_opis='tovar_opis';
function Func(count){
tovar_count+=count
tovar_price+=count
tovar_img+=count
tovar_opis+=count
document.getElementById(tovar_count).style.width="90%";
document.getElementById(tovar_count).style.height="20%";
document.getElementById(tovar_count).style.position="absolute";
document.getElementById(tovar_count).style.top="0";
document.getElementById(tovar_count).style.zIndex="1";
document.getElementById(tovar_img).style.width="100%";
document.getElementById(tovar_img).style.height="40%";
document.getElementById(tovar_price).style.width="100%";
document.getElementById(tovar_price).style.height="20%";
document.getElementById(tovar_price).style.top="40%";
document.getElementById(tovar_price).style.textAlign="center";
document.getElementById(tovar_opis).style.display="flex";
}
var mql=window.matchMedia("(max-width:500px)")
if(mql.matches){
pr1.onclick=function(){
Func(1)
}
}

Comments

[Вадим]

Разметку бы.
А лучше сразу в песочницу.

[Voldemar_pauk]

Вадим, разметку блоков div + css ?

[Вадим]

Voldemar_pauk, Да.
Воссоздайте пример на https://jsfiddle.net/ и прикрепите ссылку на пример в вопрос.

[Ярослав Иванов]

А зачем столько get elements? Почему класс не набрасывать на элемент?

[Voldemar_pauk]

Ярослав Иванов, Есть блок div в котором много элементов. И все они меняются при нажатии на кнопку, поэтому так много

Answer 1

[Сергей delphinpro]

Но это не работает, как я понял из за того что в getElemt аргумент подаётся без кавычек, так: getElement(sun1)
А как передать кавычки я не знаю, пробывал: sun="'"+sun+"'" не помогло

Ну и формулировочки... Какие нафиг кавычки?? =))

Ваш код вообще не соотносится с тем что вы описали. почти.

покажу на своем.



Как видите, всё работает без "передачи кавычек" (что бы вы под этим не подразумевали).

Comments

[Voldemar_pauk]

Это то что я и пытался написать, я его переделал под себя, но почему в условии работает только первая функция а вторая нет ?

<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);
    });
}