Buenas he conseguido este código pero no quiero que sea tipo seleccionador o lista simplemente quiero dos botones uno que aumente el tamaño de la fuente del body y otro que disminuya.
Tengo hecho el boton pero no tengo ni idea de como hacer para que aumente, os dejo el codigo entero.(Soy un principiante).
function CambioTexto(){
var e=document.getElementsByTagName("p");
var x=document.getElementById("valor");
for (var i = 0; i < e.length; i++){
if (x.options[x.selectedIndex].text=="elige"){
return false
}
e[i].style.fontSize=x.options[x.selectedIndex].text+"px";
e[i].style.fontFamily="Arial";
e[i].style.color="#000000";
}
}
<html>
<head>
</head>
<body>
Botones
<input type="button" name="aumentar" value="aumentar" onclick="CambioTexto">
Selecciona un tamaño:
<select id="valor" onchange="CambioTexto()">
<option>elige</option>
<option>10</option>
<option>15</option>
<option>20</option>
<option>25</option>
<option>30</option>
<option>35</option>
<option>40</option>
</select>
<p>Si no lees bien el texto . . .</p>
<div>
<p>TEXTO QUE QUIERAS</p>
<p>TEXTO QUE QUIERAS</p>
<p>TEXTO QUE QUIERAS</p>
<p>TEXTO QUE QUIERAS</p>
<p>TEXTO QUE QUIERAS</p>
<p>TEXTO QUE QUIERAS</p>
</div>
</body>
</html>