I'm currently developing a simple calculator that increases a variable when a button is clicked, displaying the updated value in a div. Each click on the 'amount-upwards' button adds 200 to the displayed number.
Below is the jQuery code I am using for this functionality:
$(".amount-upwards").on("click",function() {
amount += 200;
$(".amount-output").text('$'+amount);
});
My goal is to include a fade effect on the 'amount-output' text every time the button is clicked.
I have attempted to use fadeIn() and CSS fade effects, but as a beginner, I am struggling with the correct implementation method.