HTML CSS Y JS
Publicado por jesus (3 intervenciones) el 31/12/2019 04:40:05
Buenas noches soy nuevo y muy verde en esto de la programacion
Tengo un problema con un codigo que cree lo que quiero es que cuando toque un boton se cambie el background de esa div de ese color y lo mismo con el radiobutton que cambie el color de esa div
paso codigo
HTML
CSS
JS
Tengo un problema con un codigo que cree lo que quiero es que cuando toque un boton se cambie el background de esa div de ese color y lo mismo con el radiobutton que cambie el color de esa div
paso codigo
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<DOCTYPE! html>
<html>
<head>
<title>"Ejercicios JS"</title>
<meta charset="UTF-8">
<link href="estilo.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="main">
<div class="header">
<input type="radio" value="roso" onclick="CambiarColor('red')">ROJO
<br>
<input type="radio" value="blue" onclick="CambiarColor('blue')">AZUL
<br>
<input type="radio" value="green" onclick="CambiarColor('green')">VERDE
<br>
<input type="radio" value="yellow" onclick="CambiarColor('yellow')">AMARILLO
<br>
<input type="radio" value="pink" onclick="CambiarColor('pink')">ROSADO
</div>
<div class="section">
<br><hr><br>
<button id='boton1' onclick="javascript:document.body.style.backgroundColor='red';">ROJO</button>
<br><hr><br>
<button id='boton2' onclick="javascript:document.body.style.backgroundColor='blue';">AZUL</button>
<br><hr><br>
<button id='boton3' onclick="javascrit:document.body.style.backgroundColor='green';">VERDE</button>
<br><hr><br>
<button id='boton4' onclick="javascript:document.body.style.backgroundColor='yellow';">AMARILLO</button>
<br><hr><br>
<button id='boton5' onclick="javascript:document.body.style.backgroundColor='pink';">ROSADO</button>
<br><hr><br>
</div>
</div>
<script type="text/JavaScript" src="script.js"></script>
</body>
</html>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
.header{
float: right; border: black 2px solid;width: 15%;
margin-top: 1%;
margin-right: 2%;
}.section{
margin-top: 1%;
margin-left: 1%;
margin-bottom: 1%;
height: 80%;
width: 80%;
border: black 2px solid;}.main{
border: black 2px solid;}JS
1
2
3
4
5
'use strict'function CambiarColor(colore){
document.bgColor = colore;
}Valora esta pregunta
0
