This works on pc but not mobileeee

Question

https://code.sololearn.com/WXey0G85kVNe/?ref=app
Help? Pls ;(

Answer 1

_MinatoGamerYT_
Sololearn playground js tab loads earlier than the html tab, so you have to enclose the code inside a
window.onload=()=>{
your code
}
or it will not find the DOM elements.
Also, assign the DOM element callback functions through javascript. Do not use inline onclick assignments. These also don't work if your script is inside the js tab.
I fixed your code and added some functionality. It's been a while since I've played with to-do lists and your code was easy to mod because it's organized well.
I'm not sure why you would want to enclose it in a form, however...
https://code.sololearn.com/WqG9x543U70P/?ref=app
https://code.sololearn.com/WxPPmZFEc3mb/?ref=app

Answer 2

Yes, when I click on add note it doesnt work

Answer 3

But in PC it does

Answer 4

Thank u so much Bob_Li :DDD

Answer 5

Are you referring to the responsiveness of your page?

Answer 6

One way is to use the css media query selector, to create a mobile view version for your page

Answer 7

But I'm surprised though because it showing perfectly in the output section of the sololearn IDE

Answer 8

_MinatoGamerYT_
Your design is nice and minimal. That is why it was fun to modify