Как поменять значение value с помощью обработчика click

Question

Есть три блока с кнопками,нужно чтобы при клике на кнопку менялось значение value.

Условия:

только у того блока, на котором сработало событие.
событие срабатывало,когда курсор покидает блок.

var btnActive = "Забронировать";
var btnPassive = "Подробнее";
var contItem = ".container__item";
var contItemShadow = ".container__item__shadow";

$(document).on("click", ".item__button", function(){
    if(".container__item" === contItem)
    {
        $(contItem).mouseleave(function () {

            $(this).addClass('container__item__shadow');
            $(contItem).off("mouseleave");
        });
    }
});

            <div class="container__column">
                <div class="container__item">
                    <div class="item__picture">
                        <img src="img/column_1.png" alt="">
                        <div class="motivation__price">
                            <p>Лучшая цена</p>
                        </div>
                    </div>
                    <div class="item__elements">
                        <div class="item__title">
                            <h3>Представительский люкс</h3>
                        </div>
                        <div class="item__text">
                            <p>Эксклюзивный номер с панорамным видом на центр города Москвы
                            </p>
                        </div>
                        <div class="item__price">
                            <p>от <span>7900</span> руб./сутки</p>
                            <input class="item__button" type="submit" value="Забронировать">
                        </div>
                    </div>
                </div>
            </div>
            <div class="container__column">
                <div class="container__item">
                    <div class="item__picture">
                        <img src="img/column_2.png" alt="">
                        <div class="motivation__price">
                            <p>Лучшая цена</p>
                        </div>
                    </div>
                    <div class="item__elements">
                        <div class="item__title">
                            <h3>Дуплекс</h3>
                        </div>
                        <div class="item__text">
                            <p>Просторный двухкомнатный номер с шикарным видом на парк</p>
                        </div>
                        <div class="item__price">
                            <p>от <span>5700</span> руб./сутки</p>
                            <input class="item__button" type="submit" value="Забронировать">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

БЛОГ НА HUSL

Как поменять значение value с помощью обработчика click

Ответы (0 шт):