Soy novato y no sé muchos términos.
Hola, mi problema es que pongo el enlace a un archivo .js en mi documento php, así:
<script type="text/javascript" src="js/arath.js"></script>
Y un botón con esto:
<input id="boton" type="button" onClick="visibilidadDiv('content');" value="Cerrar">
Pero al presionar el botón no ejecuta la función. Sé que otra forma de hacerlo es poner la función dentro de las etiquetas script.
Así que mi pregunta es, ¿sé puede hacer de esa forma? Si sí, ¿cuál es mi error? Si no, ¿por qué si pongo el código javascript en la página se puede ver en el navegador?
Código js:
function visibilidadDiv(id) {
div = document.getElementById(id);
if (div.style.display == "block") {
div.style.display = "none";
}
}
Código html:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8"/>
<meta name=”distribution” content=”global”/>
<link rel="STYLESHEET" type="text/css" href="css/principal.css"/>
<link rel="STYLESHEET" type="text/css" href="css/cuadro.css"/>
<script type="text/javascript" src="js/arath.js"></script>
</head>
<body>
<header>
<h1 id="titulo"> </h1>
<figure id="linea">
<img id="lins" src="img/v1.jpg" />
</figure>
</header>
<nav>
<ul>
<li> <a href="index.php">Principal</a> </li>
<li> <a href="posts.php">Posts</a> </li>
<li> <a href="libros.html">Libros</a> </li>
<li> <a href="musica.html">Música</a> </li>
<li> <a href="formulario.php">Publicar</a> </li>
</ul>
</nav>
<article id="principal">
<article id="contenido">
<h2 id="encabezado">Spring</h2>
<figure id="linea">
<img id="lins" src="img/v5.png" />
</figure>
<div id="subdatos">
<h4 id="autor">Arath Cañedo </h4><time id="fecha">2017-03</time>
</div>
<section>
<h4 id="articulo">
<figure id="fondo">
<a><img id="im" src="img/f5.jpg" class="hola" /> </a>
</figure>
Aquí va algo...
</h4>
</section>
</article>
<aside>
<h4 id="titulillo">Everything is fake</h4>
<figure id="linea">
<img id="linp" src="img/v5.png" />
</figure>
<iframe src="https://drive.google.com/file/d/1rojpcNF03YFW4S50qX6teqyTmofi7l0s/preview" ></iframe>
</aside>
</article>
</body>
<footer>
<br><br><br><center><h5>Diseño por POQEF-MaAr ©</h5></center>
<div id="content">
<figure id="amor">
<img id="amorr" src="img/f1.jpg" />
</figure>
Aquí va otra cosa...
<input id="boton" type="button" onClick="visibilidadDiv('content');" value="Cerrar">
</div>
</footer>
Muchas, gracias, por leer esta pregunta.