Console.log будет отображать текст в окне терминала.Если вы пытаетесь отобразить что-то в браузере, вам нужно изменить DOM.
<!DOCTYPE html>
<html>
<head>
<link class="menu-bar" rel="stylesheet" href="../css/index.css">
<link class="main" rel="stylesheet" href="../css/ceaser.css">
<meta charset="utf-8">
<title>Cipher Program</title>
</head>
<body>
<!-- Navigation Bar -->
<ul class = "menu-bar">
<li><a href="index.html"> Menu </a></li>
<li><a class="active" href="ceaser.html">Ceaser Cipher</a></li>
<li><a href="vernam.html">Vernam Cipher </a></li>
<li><a href="frequency.html">Frequency Analysis</a></li>
</ul>
<div class="main">
<h1>Ceaser Cipher</h1>
<div id="message"></div>
<button type="button" onclick="test()">Click me </button>
<script type="text/javascript">
function test() {
console.log("got this far");
document.getElementById("message").appendChild(document.createTextNode("You see me now"));
}
</script>
</div>
</body>
Самый простой способ - создать пустой "div" с идентификатором по вашему выбору.Затем в javascript используйте объект документа «document» и его функции, такие как «.write» или «.appendChild», чтобы изменить DOM.
Вы сможете запустить приведенный выше код в изолированной программной среде переполнения стека и увидетьчто вывод на терминал (console.log) отличается от вывода DOM в браузере (getElementById ("message"). appendChild)