₦airaland Forum

I need to know how to achieve what’s in the picture. A situation where which when the user clicks on the plus or minus sign or updates the text area.

The amount is incremented 50 times the number in the text area.

Please it’s urgent

create an event listener that fires when someone click the button.
Extract the amount,
convert to integer or float.
multiplly by 50.
Insert it into the text area.

It is that simple.

exhibit7432:
I need to know how to achieve what’s in the picture. A situation where which when the user clicks on the plus or minus sign or updates the text area.

The amount is incremented 50 times the number in the text area.

Please it’s urgent

<input type="text" id="numberField"  onkeyup = "return calculateFn()" />
<p>Amount: <span id="result">--</span></p>
<button id="plusBtn" onclick="return plusBtnFn()">
+
</button>
<button id="minusBtn" onclick="return minusBtnFn()">
-
</button>


<script>
let numberField = document.querySelector('#numberField');
let result = document.querySelector('#result');

result.innerText = numberField.value * 50;

plusBtnFn = () => {
  //parseint is used here cuz the plus sign in JS is for concatenation, without parseint it will treat the operand as a string and concatenate it with 1, thats not what we want.
  numberField.value = parseInt(numberField.value) + 1;
  result.innerText = numberField.value * 50; 
}

minusBtnFn = () => {
  numberField.value -= 1;
  result.innerText = numberField.value * 50; 
}

calculateFn = () => {
    result.innerText = numberField.value * 50;
}
</script>

You can see my codepen for the working demo
https://codepen.io/sawyerrken/pen/dyoNjmP

Made some further edits to the codepen, you can run the demo there

Thanks so much dualcore1.

You be baba