Using AlpineJS I need to change the values of 1 or 2 variables based on a condition:
<button x-on:click="step < 4 ? step++; step++; done=true">Done</button>
However this is not working. Can this be done inside x-on:click?
Asked
Active
Viewed 53 times
-1
Miguel Moura
- 36,732
- 85
- 259
- 481
-
1If that takes an expression, then something like `step < 4 ? step++ : (step++, done=true)` might work – adiga Nov 28 '22 at 14:37
-
@adiga is right; your ternary syntax is incorrect. You need a `:` after your first `step++`, rather than a `;`. – mykaf Nov 28 '22 at 14:39
-
Or something like this: `++step && step > 4 && done=true` – adiga Nov 28 '22 at 14:42
-
`````` – Nishant Nov 28 '22 at 15:02
-
step needs to be initialized with a value right? – Nishant Nov 28 '22 at 15:04
-
Why is it not `step++; if() done=true;` – epascarello Nov 28 '22 at 15:25
1 Answers
0
it looks like your ternary statement formatting may be causing an issue here. I would first rule this out by changing the ; to a :.
Additionally,I'm adding the step +=2 to replicate the ternary false conditional action. which by the looks of it you are trying to do? You may have to adjust the logic for this, as I found the function you are trying to accomplish unclear (a common problem with ternary statements).
<button x-on:click="step < 4 ? step+=2 : step++; done=step > 4;">Done</button>
I tested this method using onclick hook:
<button onclick="step < 4 ? step+=2 : step++; done=step-1 > 4;">Done</button>
Devin Sag
- 79
- 5