quise crear un árbol y mensaje de "feliz navidad 2024", los cuales están formados por asteriscos, dentro de JavaScript, pero no logro juntar el mensaje y el árbol en una misma fila, siempre me sale uno arriba del otro, quisiera saber cómo puedo unir los dos. ya intenté unir todo en mismo ciclo for , pero no imprime nada. He creado tres ciclos for , uno para el mensaje que es el más grande, y los otros dos son el cuadrado y el triángulo. lo que deseo que imprima es que el mensaje salga al lado izquierdo de las figuras que forman un arbol
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var cero = [2, 3, 4, 6, 10, 11, 15, 16, 20, 22, 23, 24]
var dos = [1, 2, 3, 4, 5, 10, 11, 12, 13, 14, 15, 16, 21, 22, 23, 24, 25]
var cuatro = [1, 5, 6, 10, 11, 12, 13, 14, 15, 20, 25]
var letf = [1,2,3,4,5,6,11,12,13,14,15,16,21]
var lete = [1,2,3,4,5,6,11,12,13,14,15,16,21,22,23,24,25]
var letl = [1,6,11,,16,21,22,23,24,25]
var leti = [1,2,3,4,5,8,13,18,,21,22,23,24,25]
var letz = [1,2,3,4,5,9,13,17,,21,22,23,24,25]
var letn = [1,5,6,7,10,11,13,,15,16,19,,20,21,25]
var leta = [2,3,4,6,10,11,12,13,14,15,16,20,21,25]
var letv = [1,5,6,10,12,14,18,23]
var letd = [1,2,3,4,6,10,11,15,16,20,21,22,23,24]
for (var x = 1; x <= 5; x++) {
//Feliz
for (var y = 1; y <= 6; y++) {
if (y % 6 == 0) {
document.write("  ")
continue
}
if (y > 6) {
z = y % 6
} else {
z = y
}
if (letf.includes(5 * (x - 1) + z)) {
document.write("*")
} else {
document.write("  ")
}
}
for (var y = 1; y <= 6; y++) {
if (y % 6 == 0) {
document.write("  ")
continue
}
if (y > 6) {
z = y % 6
} else {
z = y
}
if (lete.includes(5 * (x - 1) + z)) {
document.write("*")
} else {
document.write("  ")
}
}
for (var y = 1; y <= 6; y++) {
if (y % 6 == 0) {
document.write("  ")
continue
}
if (y > 6) {
z = y % 6
} else {
z = y
}
if (letl.includes(5 * (x - 1) + z)) {
document.write("*")
} else {
document.write("  ")
}
}
for (var y = 1; y <= 6; y++) {
if (y % 6 == 0) {
document.write("  ")
continue
}
if (y > 6) {
z = y % 6
} else {
z = y
}
if (leti.includes(5 * (x - 1) + z)) {
document.write("*")
} else {
document.write("  ")
}
}
for (var y = 1; y <= 6; y++) {
if (y % 6 == 0) {
document.write("  ")
continue
}
if (y > 6) {
z = y % 6
} else {
z = y
}
if (letz.includes(5 * (x - 1) + z)) {
document.write("*")
} else {
document.write("  ")
}
}
document.write("        ") //espacios
//2024
for (var y = 1; y <= 6; y++) {
if (y % 6 == 0) {
document.write("  ")
continue
}
if (y > 6) {
z = y % 6
} else {
z = y
}
if (dos.includes(5 * (x - 1) + z)) {
document.write("*")
} else {
document.write("  ")
}
}
for (var y = 1; y <= 6; y++) {
if (y % 6 == 0) {
document.write("  ")
continue
}
if (y > 6) {
z = y % 6
} else {
z = y
}
if (cero.includes(5 * (x - 1) + z)) {
document.write("*")
} else {
document.write("  ")
}
}
for (var y = 1; y <= 6; y++) {
if (y % 6 == 0) {
document.write("  ")
continue
}
if (y > 6) {
z = y % 6
} else {
z = y
}
if (dos.includes(5 * (x - 1) + z)) {
document.write("*")
} else {
document.write("  ")
}
}
for (var y = 1; y <= 6; y++) {
if (y % 6 == 0) {
document.write("  ")
continue
}
if (y > 6) {
z = y % 6
} else {
z = y
}
if (cuatro.includes(5 * (x - 1) + z)) {
document.write("*")
} else {
document.write("  ")
}
}
document.write("<br>")
}
document.write("<br>")
for (var x = 1; x <= 5; x++) {
for (var y = 1; y <= 6; y++) {
if (y % 6 == 0) {
document.write("  ")
continue
}
if (y > 6) {
z = y % 6
} else {
z = y
}
if (letn.includes(5 * (x - 1) + z)) {
document.write("*")
} else {
document.write("  ")
}
}
for (var y = 1; y <= 6; y++) {
if (y % 6 == 0) {
document.write("  ")
continue
}
if (y > 6) {
z = y % 6
} else {
z = y
}
if (leta.includes(5 * (x - 1) + z)) {
document.write("*")
} else {
document.write("  ")
}
}
for (var y = 1; y <= 6; y++) {
if (y % 6 == 0) {
document.write("  ")
continue
}
if (y > 6) {
z = y % 6
} else {
z = y
}
if (letv.includes(5 * (x - 1) + z)) {
document.write("*")
} else {
document.write("  ")
}
}
for (var y = 1; y <= 6; y++) {
if (y % 6 == 0) {
document.write("  ")
continue
}
if (y > 6) {
z = y % 6
} else {
z = y
}
if (leti.includes(5 * (x - 1) + z)) {
document.write("*")
} else {
document.write("  ")
}
}
for (var y = 1; y <= 6; y++) {
if (y % 6 == 0) {
document.write("  ")
continue
}
if (y > 6) {
z = y % 6
} else {
z = y
}
if (letd.includes(5 * (x - 1) + z)) {
document.write("*")
} else {
document.write("  ")
}
}
for (var y = 1; y <= 6; y++) {
if (y % 6 == 0) {
document.write("  ")
continue
}
if (y > 6) {
z = y % 6
} else {
z = y
}
if (leta.includes(5 * (x - 1) + z)) {
document.write("*")
} else {
document.write("  ")
}
}
for (var y = 1; y <= 6; y++) {
if (y % 6 == 0) {
document.write("  ")
continue
}
if (y > 6) {
z = y % 6
} else {
z = y
}
if (letd.includes(5 * (x - 1) + z)) {
document.write("*")
} else {
document.write("  ")
}
}
document.write("<br>")
}
//triangulo
const alturaTriangulo = 10;
// Bucle para cada fila del triángulo
for (let i = 1; i <= alturaTriangulo; i++) {
document.write("  ")
let espacios = '  '.repeat(alturaTriangulo - i); // Añade espacios antes de los asteriscos
let asteriscos = '*'.repeat(i * 2 - 1); // Añade asteriscos
document.write(espacios + asteriscos + '<br>');
}
//cuadrado
for (var x = 1; x <= 10; x++) {
document.write("           ")
for (var y = 1; y <= 10; y++) {
document.write('*')
}
document.write("<br>")
}
</script>
</body>
</html>