2024-03-29 00:50:46 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Stimulus esbuild example</title>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2024-03-29 00:50:46 +00:00
|
|
|
<div
|
|
|
|
|
data-controller="count"
|
|
|
|
|
data-count-can-be-negative-value="true"
|
|
|
|
|
data-count-maximum-count-number-value="5"
|
|
|
|
|
>
|
2024-03-29 00:50:46 +00:00
|
|
|
<p>Count: <span data-count-target="result"></span></p>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<button type="button" data-action="count#increment">+</button>
|
|
|
|
|
<button type="button" data-action="count#decrement">-</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2024-03-29 00:50:46 +00:00
|
|
|
<div
|
|
|
|
|
data-controller="count"
|
|
|
|
|
data-count-can-be-negative-value="false"
|
|
|
|
|
>
|
2024-03-29 00:50:46 +00:00
|
|
|
<p>Count: <span data-count-target="result"></span></p>
|
|
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
<button type="button" data-action="count#increment">+</button>
|
|
|
|
|
<button type="button" data-action="count#decrement">-</button>
|
|
|
|
|
</div>
|
2024-03-29 00:50:46 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="/build/app.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
