Updates input values on button click
HTML
<h3>
<span class="q">How many roads must a man walk down?</span>
<span class="a">42</span>
</h3>
<input class="q" placeholder="Question" value="How many roads must a man walk down?">
<div>
<button class="minus">-</button>
<input class="a" type="number" value="42">
<button class="plus">+</button>
</div>
JavaScript
$(function() {
$("input").change(function() {
$("span.q").text($("input.q").val());
$("span.a").text($("input.a").val());
})
$("button.minus").click(function() {
$("input.a").val(parseInt($("input.a").val()) - 1).trigger("change");
})
$("button.plus").click(function() {
$("input.a").val(parseInt($("input.a").val()) + 1).trigger("change");
})
})