Simulador (Cuando presiona el botón "ejecutar el programa"
se graban todos los cuadros de texto y se ejecuta el primero de la lista
mostrando en una página el resultado)
Problema:
<html>
<head>
<title>Problema</title>
<link rel="StyleSheet" href="estilos.css" type="text/css">
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="funciones.js"></script>
</head>
<body>
<html>
<head>
<title>Problema</title>
<link rel="StyleSheet" href="estilos.css" type="text/css">
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="funciones.js"></script>
</head>
<body>
<input type="button" id="boton1" value="Fuente Pequeña">
<input type="button" id="boton2" value="Fuente Normal">
<input type="button" id="boton3" value="Fuente Grande">
<h1>Titulo Noticia 1</h1>
<div class="noticia">
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
</div>
<h1>Titulo Noticia 2</h1>
<div class="noticia">
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
</div>
<h1>Titulo Noticia 3</h1>
<div class="noticia">
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia Noticia
</div>
</body>
</html>
</body>
</html>
var x;
x=$(document);
x.ready(inicializarEventos);
function inicializarEventos()
{
var x;
x=$("#boton1");
x.click(fuentePequena);
x=$("#boton2");
x.click(fuenteMediana);
x=$("#boton3");
x.click(fuenteGrande);
}
function fuentePequena()
{
var x;
x=$(".noticia");
x.css("font-size","10px");
}
function fuenteMediana()
{
var x;
x=$(".noticia");
x.css("font-size","12px");
}
function fuenteGrande()
{
var x;
x=$(".noticia");
x.css("font-size","14px");
}.noticia{
font-size:12px;
}