tengo esta pagina que no se donde colocar correctamente el contador para párrafos visibles.
HTML
<script type="text/javascript" src="js/Pagina-6.js"></script>
<meta name="author" content="Francisco Zúñiga, Fecha: 29/01/2016, Módulo Programación en JavaScript">
</head>
<body>
<div id="wrapper">
<div id="logo"> </div>
<hr />
<!-- end #logo -->
<div id="header">
<div id="menu">
<ul>
<li><a href="index.html">Index</a></li>
<li><a href="Pagina-2.html">Pagina-2</a></li>
<li><a href="Pagina-3.html">Pagina-3</a></li>
<li><a href="Pagina-4.html">Pagina-4</a></li>
<li><a href="Pagina-5.html">Pagina-5</a></li>
<li class="current_page_item"><a href="Pagina-6.html" class="first">Pagina-6</a></li>
<li><a href="Pagina-7.html">Pagina-7</a></li>
</ul>
</div>
<!-- end #menu -->
</div>
<!-- end #header -->
<!-- end #header-wrapper -->
<div id="page">
<div id="page-bgtop">
<div id="content">
<div class="post">
<h2 class="title"><a href="#">PAGINA 6: JAVASCRIPT-5</a> </h2>
<div class="entry">
<div id="controles"> Tamaño del texto<!-- cambia tamaño texto -->
<select id="tamanyo" onchange="formato()">
<option value="8">8</option>
<option value="10">10</option>
<option value="12">12</option>
<option value="14">14</option>
<option value="16">16</option>
<option value="20">20</option>
<option value="28">28</option>
<option value="36">36</option>
<option value="72">72</option>
</select>
Interlineado del texto <!-- cambia interlineado texto -->
<select id="interlin" onchange="formato()">
<option value="1,0">1,0</option>
<option value="2,0">2,0</option>
<option value="3,0">3,0</option>
<option value="4,0">4,0</option>
<option value="5,0">5,0</option>
</select>
Tipo de texto <!-- cambia fuente texto -->
<select id="tipo" onchange="formato()">
<option value="arial">arial</option>
<option value="verdana">verdana</option>
<option value="geneva">geneva</option>
<option value="georgia">georgia</option>
<option value="cambria">cambria</option>
<option value="batang">batang</option>
atang
</select>
color del texto <!-- cambia color texto -->
<select id="color" onchange="formato()">
<option value="#000000">negro</option>
<option value="#CCCCCC">gris</option>
<option value="#6699FF">azul</option>
<option value="#FF00FF">fucsia</option>
<option value="#FFFF00">amarillo</option>
<option value="#008000">verde</option>
<option value="#FF0000">rojo</option>
</select>
</div>
<div id="controles2"> <!-- cambia negrita / cursiva / subrayado -->
Negrita
<input name="negrita" type="checkbox" value="negrita" id="negrita" onclick="formato()"/>
Cursiva
<input type="checkbox" name="cursiva" value="checkbox" id="cursiva" onclick="formato()"/>
Subrayado
<input type="checkbox" name="subrayado" value="checkbox" id="subrayado" onclick="formato()"/>
</div>
<div id="texto">
<p>Científicos del Instituto de Ciencias Fotónicas (ICFO) de Barcelona, en colaboración con investigadores alemanes y estadounidenses, acaban de demostrar el grafeno es capaz de convertir un fotón absorbido en múltiples electrones que pueden conducir corriente eléctrica. Este prometedor descubrimiento convierte el grafeno en una importante alternativa para la tecnología de energía solar, actualmente basada ??en semiconductores convencionales como el silicio, según publica hoy la revista Nature Physics.<br />
“En la mayoría de los materiales, un fotón absorbido genera un solo electrón, pero en el caso del grafeno hemos visto que un fotón absorbido es capaz de producir muchos electrones excitados, y por lo tanto una señal eléctrica mayor” explica Frank Koppens, líder del grupo de la investigación en ICFO. Esta característica convierte al graneo en el ladrillo ideal para la construcción de cualquier dispositivo que quiera convertir la luz en electricidad. En particular, permite la producción de potenciales células solares y detectores de luz que absorban la energía del sol con pérdidas mucho menores. </p>
<p>Hace algún tiempo que la brillante idea de Edison, la bombilla con filamento metálico, ha empezado a formar parte de los museos de tecnología. Su problema es que solo en torno a un 2-3% de la energía eléctrica necesaria para que sus resistencias de wolframio o tungsteno se pongan incandescentes (los filamentos de estas lámparas alcanzan una temperatura de 2.700 grados centígrados) se transforma en luz visible; el resto se dispersa en forma de calor. De ahí que lámparas fluorescentes compactas y de tecnología led, mucho más eficientes, la hayan sustituido progresivamente.<br />
Pero no demos todavía a la vieja lámpara incandescente por muerta, porque investigadores del Instituto de Tecnología de Massachusetts (MIT) se han empeñado en recuperar su cálido resplandor en nuestros hogares por obra y gracia de la nanotecnología. Llamado cristal fotónico, el invento de estos expertos consiste en una estructura realizada con finísimas capas alternas de cristal, óxido de tantalio y dióxido de silicio que actúa a la vez como espejo y filtro. Por un lado, deja pasar la luz visible emitida por la resistencia de tungsteno, y por el otro, refleja la radiación infrarroja, que es reabsorbida y reutilizada para generar más luminosidad. </p>
<p>Para el experimento, no es necesario utilizar una lámpara de incandescencia que funcione, es decir, que puede estar fundida. Lo único imprescindible es que la bombilla no sea pequeña -la clásica de 60 W es suficiente- y que su cristal esté intacto de modo que el gas inerte que se aloja en su interior siga allí dentro.<br />
La prueba consiste en meterla en el microondas y ponerlo en marcha. Al cabo de unos segundos, la bombilla empieza a emitir luz dediferentes colores y acaba por explotar. La explicación: las luces de colores se deben a la ionización del gas del interior de la bombilla, una mezcla de argón, neón y nitrógeno, que se introduce para que el filamento no entre en contacto con el oxígeno del aire. Y es el calentamiento al que se somete la bombilla lo que hace que esta estalle.</p>
<p>Tras llevar a cabo una intervención quirúrgica que afecta al cerebro, los médicos deben comprobar que no surgen complicaciones. Para ello, controlan la evolución de algunos parámetros, como la temperatura y la presión intracraneal. No obstante, esto a menudo exige que se le implante al paciente –y luego se le retire– un sistema de monitorización, lo que aumenta el riesgo de que sufra infecciones y hemorragias.<br />
Ahora, según recoge un estudio publicado en la revista Nature, un equipo de investigadores de las universidades de Illinois, en Urbana-Champaign, y de la de Washington, en San Luis, ha ideado un pequeño biosensor que después de registrar y enviar esa información clave se disuelve de forma inocua en el organismo. </p>
</div>
</div>
</div>
</div>
<!-- end #content -->
<div style="clear: both;"> </div>
</div>
</div>
<!-- end #page -->
<div id="footer-bgcontent">
<div id="footer">
<p><a href="Pagina-2.html">JavaScript-1</a> | <a href="Pagina-3.html">JavaScript-2</a> | <a href="Pagina-4.html">JavaScript-3</a> | <a href="Pagina-5.html">JavaScript-4</a> | <a href="Pagina-6.html">JavaScript-5</a> | <a href="Pagina-7.html">JavaScript-6</a></p>
</div>
</div>
<!-- end #footer -->
</div>
</body>
</html>
--------------------------------------------------------------------------------------------------------
JS
// JavaScript Document
function Cantidad() // cantidad de parrafos visible
{
var parrafos =
document.
getElementsByTagName("p");
var cParrafos=0;
for(var x=0;x<parrafos.length;x++)
{
if(parrafos[x].
style.display == ""
|| parrafos[x].
style.display == "block")
{
cParrafos++;
}
}
document.getElementById
("nOcultos").value = cParrafos;
}
// muestra / oculta parrafos
function muestraOculta(id){
var elemento=document.
getElementById('contenidos_'+id);
var enlace=document.
getElementById('enlace_'+id);
if(elemento.style.display == ""
|| elemento.style.display == "block")
{
elemento.style.display = "none";
enlace.innerHTML =
'Mostrar contenidos';
}
else{
elemento.style.display = "block";
enlace.innerHTML =
'Ocultar contenidos';
}
Cantidad();
}
--------------------------------------------------------------------------------------------------------
y esto es lo que no se donde colocarlo ahora en la hoja en blanco fue sencillo porque lo puse en body
<body onload="Cantidad();">
<div>
<label for="nOcultos"> Párrafos Visibles</label>
<input type="text"
id="nOcultos" size="3"
readonly>
</div>