0

Есть объект, ширина которого равна заданному в инпуте значению и меняется в зависимости от значения:

document.querySelector('#input-width').addEventListener('input', width => { 
    if (width.target.value < 280 ) {
        document.querySelector('#square').style.width = width.target.value + 'px';
    } else if (width.target.value < 500) {
       document.querySelector('#square').style.width = width.target.value / 2 + 'px';
    } else {
       document.querySelector('#square').style.width = width.target.value / 10 + 'px';
   }
})

Есть объект, позиционирование которого задается значением из другого инпута относительно левого края и меняется в зависимости от размера первого объекта:

document.querySelector('#input-otverstie-x').addEventListener('input', kevt => {
    if (width.target.value < 280 ) {
        document.querySelector('#show-otverstie').style.left = kevt.target.value + 'px';
    } else if (width.target.value < 500) {
       document.querySelector('#show-otverstie').style.left = kevt.target.value / 2 + 'px';
    } else {
       document.querySelector('#show-otverstie').style.left = kevt.target.value / 10 + 'px';
   }
})

Но проблема в том, что в такой конструкции значение переменной width не передается во вторую функцию и условие не выполняется. Как можно правильно передать значение переменной?

4
  • let width = document.getElementById('square').offsetWidth
    – Talleyran
    11 июл 2022 в 22:17
  • @Talleyran а в какую часть кода это нужно подставить? 11 июл 2022 в 22:22
  • Во втором лисенере просто всегда его получать и уже просто width пихать в условия
    – Talleyran
    13 июл 2022 в 17:23
  • @Talleyran если честно, всё равно не понятно, как должен выглядеть второй лисенер при добавлении новой переменной, точнее куда конкретно её нужно добавить 13 июл 2022 в 22:11

1 ответ 1

0

Как вариант, объявить переменную в области, доступной для обеих функций

2
  • Пожалуйста старайтесь давать развёрнутые ответы. Постарайтесь дать куски кода, а ещё лучше минимальный воспроизводимый пример. Так же будет неплохо прикрепить ссылки на достоверные источники информации
    – EzioMercer
    12 июл 2022 в 0:21
  • 1
    В текущем виде ваш ответ непонятен. Пожалуйста, нажмите править под сообщением, чтобы добавить больше подробностей, которые помогут другим понять, как он отвечает на заданный вопрос. Вы можете найти больше информации о том, как писать хорошие ответы в Справке. 12 июл 2022 в 0:37

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.