using progress tag and input tag together?

Question

How to write a program where we can use input value as the progress value??

Answer 1

Assuming you have the following in the document:

- progress
- input (type -> text)
- button (type -> button)

* Add a "click" event listener for the button in the JS section.

* Inside the event handler function you get the text input value.

* Try to convert the text input value into an integer using parseInt() or Number().

* If the conversion succeeded and you have a valid integer (not a NaN), then use the integer as the value for progress element's "value" attribute.

(Edit)
You can opt to use input (type -> number) to minimize possibilty of invalid input.

Answer 2

thanks... 😇

Answer 3

How's it going? did you make it?
And of course, you're welcome 👌

Answer 4

Do like this instead ...

var x = document.getElementById("demo");
x.value = 50; // <- no double quotes

You can also use the variable converted from text input in place of 50 there ...

x.value = <the-variable>;

Something like that ...

Answer 5

No problem 👌

Answer 6

How can i give progress value from javascript command???

Answer 7

<progress min ="0" max ="100" value =" " id =" demo ">
<script >
var x=document.getElementById (" demo "). value;
x="50";

Answer 8

Is this right??

Answer 9

Ok 😇..... Sir...

Answer 10

It worked Thnkuu sir... 🙏