Help me make this spagetti code look better.

Question

These functions are supposed to create a post and all that is required is to call the function, so all the css of the elements must be in the functions.
The problem is, the functions look awful. What should I do?
https://code.sololearn.com/Wa12a185A9A1/?ref=app

Answer 1

You don't need to hardcode the styling in JavaScript.

Just style in CSS with a class name,

then in JavaScript, after element is created with createElement, you can either use

El.className = 'classname';

or classlist API

El.classlist.add('classname');

Answer 2

I think all awesome😊

Answer 3

its already cool👏👏

maybe change all the lime text to limegreen or lawngreen

Answer 4

💜 Alex Tușinean 🍇 [ Inactive ]

One suggestion don't call function multiple times. Just create a common function and call other functions randomly.

See here:

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

Answer 5

My goal was making a js function that handles everything. But my code looks awful, so I may write the style where it belongs, in css section.

Answer 6

I would also rewrite creation of elements in JS to directly into HTML. That way you just apply stuff with js, less code,more structured code that way. Way more isolation of languages.