Estou criando um exercício de javascript, minha ideia era criar uma função que me desse como retorno um ícone, estou utilizando o FontAwesome para isso.Consegui fazer com que ele mostre o ícone e a mensagem porem queria acrescentar estilos predefinidos por mim para titulos, enfase .. etc, por meio de uma função mas ainda não consegui pensar em uma forma. Até tentei usar o Swith mas ele só copía o css como uma string qualquer
function icones(ico_nome, texto,style ){ // Captura o nome do icone, o estilo que sera utilizado e o texto
switch(ico_nome) { //Verifica o icone do argumento
case 'user':
ico_nome = '%c ' //Icone, só sera visualizado após a declaração CSS
font = 'font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; content: "\f434";'
break
}
switch(style) { //Estilizando texto
case 'titulo':
texto = 'color: red'
break
}
console.log(ico_nome,font,texto)
}
icones('user','usuario', 'titulo') //Aplicando valores a função
createElement()
ajustar suas propriedades e depois inserir no DOM para ser renderizado na própria página HTML.