JavaScript - Dar estilos a una salida document.write

 
Vista:
Imágen de perfil de Pedro

Dar estilos a una salida document.write

Publicado por Pedro (2 intervenciones) el 26/02/2023 19:24:36
Hola
tengo este codigo y quiero dar estilos a la salida document.write

<script>
let d = new Date();
var weekday = new Array(7);

weekday[0] = "domingo. Descanso";
weekday[1] = "lunes. Remo";
weekday[2] = "martes. Descanso";
weekday[3] = "miercoles. Bicicleta";
weekday[4] = "jueves. Descanso";
weekday[5] = "viernes. Remo";
weekday[6] = "sabado. Descanso";

var n = weekday[d.getDay()];

document.write(n);


</script>

Garcias
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Dar estilos a una salida document.write

Publicado por ScriptShow (692 intervenciones) el 26/02/2023 22:52:07
Saludos,

hay varias opciones, algo sencillo sería:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>
let d = new Date();
var weekday = new Array(7);
 
weekday[0] = "domingo. Descanso";
weekday[1] = "lunes. Remo";
weekday[2] = "martes. Descanso";
weekday[3] = "miercoles. Bicicleta";
weekday[4] = "jueves. Descanso";
weekday[5] = "viernes. Remo";
weekday[6] = "sabado. Descanso";
 
var n = weekday[d.getDay()];
 
document.write("<h2 style='color:#0000ff;text-align:center'>" +n+ "</h2>");
</script>

Otra opción adaptable, ampliable:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>
let d = new Date();
var weekday = new Array(7);
 
weekday[0] = "<h2 style='color:#0000ff;text-align:center'>domingo. Descanso</h2>";
weekday[1] = "lunes. Remo";
weekday[2] = "martes. Descanso";
weekday[3] = "miercoles. Bicicleta";
weekday[4] = "jueves. Descanso";
weekday[5] = "viernes. Remo";
weekday[6] = "sabado. Descanso";
 
var n = weekday[d.getDay()];
 
document.write(n);
</script>

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Pedro

Dar estilos a una salida document.write

Publicado por Pedro (2 intervenciones) el 27/02/2023 12:21:27
Muchas, muchas gracias

Funciona a la perfección la primera opción, igual he tecleado mal la segunda.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar