<span class="badge bg-danger" onclick="changeBadge(150, 200)" style="cursor: pointer;">150</span>
<span class="badge bg-danger" onclick="changeBadge(250, 255)" style="cursor: pointer;">250</span>
<span class="badge bg-danger" onclick="changeBadge(350, 235)" style="cursor: pointer;">350</span>
<span class="badge bg-danger" onclick="changeBadge(450, 225)" style="cursor: pointer;">450</span>
<script>
const changeBadge = (oldContent, newContent) => {
const badge = event.target
if (badge.classList.contains('bg-danger')) {
badge.classList.add('bg-success')
badge.classList.remove('bg-danger')
badge.innerHTML = newContent
} else {
badge.classList.remove('bg-success')
badge.classList.add('bg-danger')
badge.innerHTML = oldContent
}
}
</script>Это адекватные требования для фронта, верстальщика?
$('.post-content img').each(() => {
let img = "<img src="+ $(this).attr('src') +" />";
$('.slider').append(img)
})
// после инициализируете слайдерtoggleDetails = () => {
this.setState({
details: !this.state.details
});
};
<details open={this.state.details} onClick={() => this.toggleDetails}>
<summary>Заголовок</summary>
Вложение details
</details>$(function () {
$('form').submit(function (e) {
var $form = $(this);
$.ajax({
type: $form.attr('method'),
url: $form.attr('action'),
data: $form.serialize()
}).done(function () {
console.log('success');
}).fail(function () {
console.log('fail');
});
e.preventDefault();
});
});