Как оптимизировать код под массив?

Question

[Axel030392]

Здравствуйте, как можно записать такой код более проще. Есть два значения от слайдеров (числовых) которые зависят друг от друга:

document.onmousemove = function(e) {

if ($("#slider2").roundSlider("option", "value") === 5 && $("#slider1").roundSlider("option", "value") === 10) { 
$('.calc_nazvanie').html('BORRI INGENIO COMPACT <br> 10 kVA (BSS90)');
$('.calc_descr').html('Мощность 10 000 Вт/Ва');
$('.tovar_ibp').attr("href", "https://...");
$('.kartinka_ibp').attr("src", "https://...");
$('.calc_nazvanie2').html('VISION CP1270<br>7 AH 12V AGM');
$('.calc_descr2').html('Оптимальное решение<br>12 В, 7 Ач, AGM, 10 лет');
$('.calc_mnojitel_akb').html('30 x');
$('.tovar_akb').attr("href", "https://....");
$('.kartinka_akb').attr("src", "https://...");

}
else if ($("#slider2").roundSlider("option", "value") === 10 && $("#slider1").roundSlider("option", "value") === 10) { 
$('.calc_nazvanie').html('BORRI INGENIO COMPACT <br> 10 kVA (BSS90)');
$('.calc_descr').html('Мощность 10 000 Вт/Ва');
$('.tovar_ibp').attr("href", "https://....");
$('.kartinka_ibp').attr("src", "https://....");
$('.calc_nazvanie2').html('VISION CP1290E<br>9 AH 12V AGM');
$('.calc_descr2').html('Оптимальное решение<br>12 В, 9 Ач, AGM, 10 лет');
$('.calc_mnojitel_akb').html('30 x');
$('.tovar_akb').attr("href", "https://...");
$('.kartinka_akb').attr("src", "https://....");

}
}

И еще как можно записать такую логику:
Если слайдер1 = 10 и слайдер2 > или = 10 но < 30 или = 30 , то ...

Answer 1

[Rsa97]

const info = {
  10: {
    5: {
      title: 'BORRI INGENIO COMPACT <br> 10 kVA (BSS90)',
      description: 'Мощность 10 000 Вт/Ва',
      ...
    },
    10: {
      title: 'BORRI INGENIO COMPACT <br> 10 kVA (BSS90)',
      description: 'Мощность 10 000 Вт/Ва',
      ...
    },
  },
};

document.onmousemove = function(e) {
  const slider1value = $("#slider1").roundSlider("option", "value");
  const slider2value = $("#slider2").roundSlider("option", "value");
  $('.calc_nazvanie').html(info[slider1value][slider2value].title);
  $('.calc_descr').html(info[slider1value][slider2value].description);
  ...
}

Comments

[Axel030392]

Спасибо за ответ, а как прописать эти строки :

$('.tovar_ibp').attr("href", "https://...");
$('.kartinka_ibp').attr("src", "https://...");