I'm having trouble displaying content using JavaScript DOM. Every time I try to run my code, the page comes up blank. Here is an example of my HTML file:
<!DOCTYPE html>
<html>
<head>
<title>Radiant HQ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<nav id="navigationcontent"></nav>
<script type="text/javascript" src="assets/js/radiant.js">
</script>
</body>
</html>
This is how my JavaScript file looks:
@import ('../css/style.css');
document.getElementById("navigationcontent").innerHTML=`
<ul>
<li><a href="">Home</a> < /li>
<li><a href="">About Us</a> < /li>
<li><a href="">Research</a> < /li>
<li><a href="">Contacts</a> < /li>
</ul>`;