How to change my HTML text to text I entered in prompt? I have written the JavaScript but I do not get it.

Question

Profile page
https://code.sololearn.com/W1l1Lrl7sYKu/?ref=app

Answer 1

Ur fix

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

Answer 2

kaspars kaspars hi,
In the Html you changed your class for an id but still asks for ElementsByClassName in js
Here you'll have to use Element ById.
And the way you did it first should be able to work,maybe the problem was that when you get your elements by class name, it is stored within an array, so if you refer to one of the element of that array you have to use its index.(even if there is only one in your previous code).

Answer 3

Thanks that fixed the problem

Answer 4

I don't know if it will solve the problem but from what I see in your Html:
*You made a mistake when you close your div class="drop-down" (it's closed to soon, before the </ul> tag.
*Your div class="drop-down" is not a child of your div class="profile-contact" , as in your CSS it s the way you'd like to use it...
To be confirmed.

Answer 5

What Abhay did is that he added an eventListener in your Html (onclick="sd()").
When your button is clicked, it calls the sd() function which is coded in the js file.
The function check the state of your drop-down thanks to a flag.
If it is 0, it order to display it block and the flag now get a new value of 1
Next time you click, the function will use the other part of instruction where flag is 1, then order the display to none and give the flag a value of 0.
And so on...
Here the display from your CSS is handled by that js function.
But for sure, you can have your drop-down menu only with CSS.

Answer 6

For any help
Just tell me
I will always ready to help my fellow Sololearn friends

Answer 7

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

Answer 8

If you give class remember that unlike id, several elements could have same classes, so when you getElementsByClassName it will store all of them in an array, even if there is only one element with that class name.
So to access/refer to it use its index(here [0])

Answer 9

Why it have to be button and why and ID not class?

Answer 10

Why it don't work for me, pls tell me what you did
https://code.sololearn.com/W1l1Lrl7sYKu/?ref=app

Answer 11

Can you tell me why my drop-down menu do not work?
https://code.sololearn.com/W1l1Lrl7sYKu/?ref=app

Answer 12

Your drop down fix

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

Answer 13

Can you tell me what you did??

Answer 14

I fixed the div but I don't understand what you did to get drop down working

Answer 15

How do n do the same in only CSS?

Answer 16

Why I have error omg I try 3 days to make this
https://code.sololearn.com/W1l1Lrl7sYKu/?ref=app

Answer 17

That s not simple at all :O

Answer 18

Why my drop-down don't work? I tried everything...

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

Answer 19

Two mistakes:
First , same as previous one , you gave class in html but get element by Id in js.
Second, don't give same name to your variable where you stock your element and to your function.

Answer 20

I fixed both, still ain't working

error line 21
https://code.sololearn.com/W1l1Lrl7sYKu/?ref=app