Я пытаюсь создать кнопку, которая скрывает / показывает div, этот код отлично работает в моем браузере, но если я загружаю на свой локальный хост, это создает беспорядок (я использую XAMPP)
var dropdown = document.getElementById("dropdown");
function Mostrar() {
dropdown.style.display = "flex";
}
function Ocultar() {
dropdown.style.display = "none";
}
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Menu Responsive</title>
</head>
<body>
<input type="button" value="Hide text" onclick="Ocultar()">
<input type="button" value="Show text" onclick="Mostrar()">
<ul id="dropdown">
<li>INICIO</li>
<li>BLOGS</li>
<li>CURSOS</li>
<li>CONTACTO</li>
</ul>
<script type="text/javascript" src="code.js"></script>
</body>
</html>