Hi how could write this code way more clean . It's a chaos 😀

Question

I tried to use class to manipulate dom. But i dont like the way it is. I want it more clean and short maybe.
https://code.sololearn.com/WmFzjjc1GIY1/?ref=app

Answer 1

the script should be in the 3rd tab(JS).
maybe jquery is an option.

Answer 2

Zeinab
you're right, there are shorter ways.
What you did was technically correct, but it's the hard way to go about it.
You don't have to define a class just to modify the DOM element.

to get the same result, you could have just used

<script>
const mylist=document.getElementById("list");
mylist.children[0].textContent = "index 1";
mylist.children[1].textContent = "index 2";
</script>

Answer 3

Bob_Li no i meant to practice the use of class in manipulating dom.
I was wondering if my way of using class has a cleaner way

Answer 4

1) separate javascript from html simply use window.onload = ()=>{

//your code goes here ......

} inside the javascript tab , the rest is okay to me .

2) practice however you want, happy coding :)

Answer 5

Zeinab
using class is basically what frameworks like React and others work. It's just you're doing it from scratch. It will be a lot of work to recreate the functionalities, though.

perhaps you could try exploring web components?

Answer 6

Bob_Li yeah i'm learning React

Answer 7

Oma Falk i did'n get your mean

Answer 8

Madrine Nansiimbi thanks sis🙏🏽