html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<p>
Mi nombre es
<span id="C">C</span>
y estoy aprendiendo
<span id="H">H</span> y
<span id="J">J</span>.
</p>
<p>
<button type="button" id="mostrar" value="1" onclick="mostrarSignificado();">
Mostrar significado
</button>
</p>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
p{
align:justify ;
}
span{
text-decoration:underline;
font-weight:bolder;
color: red;
}
Enter to Rename, Shift+Enter to Preview
js
js
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
function datos(){
var registro ={
0 : {
"C":"César"
},
1 : {
"H":"HTML"
},
2 : {
"J":"JavaScript"
}
}
return registro;
}
function cambiarTexto(id,significado){
var elemento = document.getElementById(id);
elemento.innerHTML=significado;
}
function mostrarSignificado(){
var info = datos();
var letras =["C","H","J"];
var elemento = document.getElementById("mostrar");
if(elemento.value==1){
for(var i=0;i<letras.length;i++){
var letra = letras[i];
cambiarTexto(letra,info[i][letra]);
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run