On click show hide function not working

[ankushunikove]

let titlePage = document.getElementById("appTitle");

let nextPage = document.getElementById("click");

let defaultScreen = document.getElementById("screen01");
let nextScreen = document.getElementById("screen02");

nextScreen.style.display = "none";

nextPage.onclick = function(e) {
console.log("NEXT SCREEN!");
titlePage.text = "Emergency Alert"
nextScreen.style.display = "block";
defaultScreen.style.display = "none";
};

everything works fine except this "nextScreen.style.display = "block";", i don't know why? Please help

[Gondwana · Accepted solution]

Try 'inline' instead of 'block'.