Can you help me with this?

Question

https://code.sololearn.com/Wq34fJ3duUmx/?ref=app
I want the number to change after the button is clicked but it goes to nan

Answer 1

function add() {
let name = document.getElementById("input");
let namelabel = document.getElementById("student1");
namelabel.textContent = name.value;
}
function paws() {
let paws = document.getElementById("paws");
let pawslabel = document.getElementById("counter");
pawslabel.textContent = paws.value + ' Paws';
}

function take() {
let paws = document.getElementById("paws");
let pawslabel = document.getElementById("counter");
let count = +paws.value;
count = count<=0 ? 0 : count - 1;
paws.value = count+'';
pawslabel.textContent = count + ' votes';
}

Answer 2

Thx Bob_Li
And Azmi Deliaslan

Answer 3

Bob_Li
It looks better than mine and i wont copy it. Thanks for the code in js though near the start of this disscution!

Answer 4

function take() {
var x = document.getElementById("paws").value;
x = x - 1;

document.getElementById("counter").innerHTML = x + " votes";
}

when u try this, it works for one time

Answer 5

Hello it works great but can it possibly make it so it can happen as many times as i want, Thanks!

Answer 6

Bob_Li It is because i didnt save it when i tried it because of the error

Answer 7

True well still i wont copy it.

Answer 8

Blocky Badboy suggestion to change the input type, specially for the paws input to "number" so input errors can be avoided.

<input id="input" type="text" placeholder="Student">
<button onclick="add()">Add student</button>
<br><br>
<input id="paws" type="number" placeholder="Paws Of Student">
<button onclick="paws()"> Add paws</button>

Answer 9

Bob_Li Hi i tried it and i found an error and it said couldnt find a varuble paw at line 25

Answer 10

"
Bob_Li Hi i tried it and i found an error and it said couldnt find a varuble paw at line 25
"

?? your code seems to be working ok... ??🤔

Answer 11

Blocky Badboy
I edited the code I posted.
modification to prevent negative count:

count = count<=0 ? 0 : count - 1;

Answer 12

Hello Bob_Li
I tried it but it does not work because count is a varuble in a function and those varubles dont apply anywhere else but that function

Answer 13

Blocky Badboy
count variable is supposed to be scoped to the function. Otherwise both counts would be the same.
Here is your code with the modifications

https://code.sololearn.com/WP1c5YvsIHYc/?ref=app

Answer 14

it's your code, I just tweaked it.

Answer 15

Blocky Badboy
I played around a bit more with your idea...
Building the counter entirely with javascript is a bit more work, but afterwards you can create as many counters as you want very easily.

https://code.sololearn.com/WKp6upWXUSwp/?ref=app

Answer 16

Amazing