Как сделать, чтобы менялся текст в кнопке после нажатия с 'Заказать' на 'Успешно'. И при нажатии на весь блок, текст в кнопках менялся обратно.
Знаю как сделать с помощью js, но надо сделать, чтобы в js-коде не было кириллицы
$(document).ready(function() {
let $btn = $('button');
$btn.click(function() {
this.boolean = true;
$(this).text("Успешно");
});
$('block').click(function(e) {
let $this = $(this);
if ($(e.target).closest($btn).length) {
return;
}
$this.find($btn).prop("boolean", false);
$this.find($btn).text("Заказать");
});
});
.block {
width: 200px;
height: 175px;
display: inline-block;
filter: grayscale(0%);
transition: 1s;
color: steelblue;
font-size: 30px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="block">
<img src="https://picsum.photos/id/223/200/150" alt="">text
<button class="button">Button</button>
</div>
<div class="block">
<img src="https://picsum.photos/id/222/200/150" alt="">text
<button class="button">Button</button>
</div>
<div class="block">
<img src="https://picsum.photos/id/225/200/150" alt="" /text <button class="button">Button</button>
</div>
css
делать - это костыль. Почему нельзя в коде кириллицу?