I completely revised this question with the below code to show the sample error I'm receiving.
Javascript.js file
var yourName = prompt("What is your name?");
if (yourName != null){
document.getElementById("sayHello").innerHTML = "Hello" + yourName;}
else {
alert("Please enter a name next time!");}
index.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script type="text/javascript" src="Javascript.js"></script>
</head>
<body>
<p id="sayHello">hello</p>
</body>
</html>
The above code will prompt me the message to ask for the name which it will receive, but with the 'yourName' variable, the document.getElement line won't run because the html code
remains the same as 'hello'. I tried to debug this to see why it won't run through the document line code but I get a message when I click to breakpoint on the document line, 'The breakpoint will not currently be hit. No symbols have been loaded for this document.' What symbols is it referring to? I am using Microsoft Visual Studio.