From 7146a7f66d2095e934217fc34aaeaa4a840063ad Mon Sep 17 00:00:00 2001 From: Oliver Davies Date: Fri, 29 Mar 2024 00:50:46 +0000 Subject: [PATCH] Add count controller --- assets/js/controllers/count_controller.js | 35 +++++++++++++++++++++++ public/index.html | 9 ++++-- 2 files changed, 42 insertions(+), 2 deletions(-) create mode 100644 assets/js/controllers/count_controller.js diff --git a/assets/js/controllers/count_controller.js b/assets/js/controllers/count_controller.js new file mode 100644 index 0000000..2123d88 --- /dev/null +++ b/assets/js/controllers/count_controller.js @@ -0,0 +1,35 @@ +import { Controller } from "@hotwired/stimulus"; + +export default class extends Controller { + static targets = ["result"]; + + static values = { + count: Number, + }; + + connect() { + console.log("count#connect"); + + this.resultTarget.textContent = this.countValue; + } + + countValueChanged() { + console.log("count#countValueChanged"); + + this.resultTarget.textContent = this.countValue; + } + + decrement() { + console.log("count#decrement"); + + if (this.countValue > 0) { + this.countValue = this.countValue - 1; + } + } + + increment() { + console.log("count#increment"); + + this.countValue = this.countValue + 1; + } +} diff --git a/public/index.html b/public/index.html index d60157a..41e4c05 100644 --- a/public/index.html +++ b/public/index.html @@ -4,8 +4,13 @@ Stimulus esbuild example -
-

Hello, World!

+
+

Count:

+ +
+ + +