1

const textNumber = parseInt(document.querySelector('.first').textContent.match(/\d+/));
const text = document.querySelector('.first');
document.querySelector('.btnForm').addEventListener('click', ()=>{
    const inputNumber = document.getElementById('outInput').value;
    const inputNumber2 = document.getElementById('outInput2').value;
    if(inputNumber > textNumber > inputNumber2){
        text.classList.add('hide');
    }
})
.first.hide{
    display: none;
}
.first{
    display: block;
}
    <div class="first">Заработная плата 100$</div>
    <form>
    <input type='number' name="" id="outInput" placeholder="10">
    <input type="number" name="" id="ourInput2" placeholder="100">
    <button class="btnForm" type="button"> Получаем</button>
    </form>
 

2
  • 1
    что такое "псевдоэлемент hide" ? Commented 4 нояб. 2022 в 8:39
  • сори за некорректный вопрос..
    – Юлия
    Commented 4 нояб. 2022 в 8:42

1 ответ 1

1

const textNumber = parseInt(document.querySelector('.first').textContent.match(/\d+/));
const text = document.querySelector('.first');
document.querySelector('.btnForm').addEventListener('click', ()=>{
    const inputNumber = document.getElementById('outInput').value;
    const inputNumber2 = document.getElementById('outInput2').value;
    if(inputNumber > textNumber && textNumber > inputNumber2){
    // ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
        text.classList.add('hide');
    }
})
.first.hide{
    display: none;
}
.first{
    display: block;
}
<div class="first">Заработная плата 100$</div>
    <form>
    <input type='number' name="" id="outInput" placeholder="10">
    <input type="number" name="" id="outInput2" placeholder="100">
    <button class="btnForm" type="button"> Получаем</button>
    </form>

Замечу, что в html была ошибка и была ourInput2 а не outInput2

2
  • спасибо, все исправила, но условный оператор работает только при одном больше или меньше.. если в условие и больше и меньше одновременно не работает...
    – Юлия
    Commented 4 нояб. 2022 в 9:09
  • что значит и больше и меньше одновременно? я не знаю какие там должны быть условия.... суть в том, что эти условия надо прописывать либо через && (И) либо через || (ИЛИ) Commented 4 нояб. 2022 в 9:16

Ваш ответ

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

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