SyntaxError: Неожиданный токен '‹' ‹DOCTYPE html›

OMG Я устал пытаться понять это сам. Я использую инструменты разработчика в Chrome и в Firefox и продолжаю получать сообщение SyntaxError: Unexpected Token ‹. Он продолжает помечать первую строку. Пожалуйста, скажите мне, что я делаю неправильно здесь, спасибо! Я пробовал видео на YouTube и W3schools.com и до сих пор не могу понять, почему его продолжают бросать.

<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Invitation Page</title>
<link rel="stylesheet" type="text/css" href="css/main.css" />
</head>
<script>
function showFormInput() { //get data from the form
var a1 = document.getElementById('rname').value; // 'rname reference 
// id in html(not included with html you will need to add.)
var b2 = document.getElementById('orgname').value;
var c3 = document.getElementById('date').value;
var d4 = document.getElementById('web').value;
var e5 = document.getElementById('hname').value;

document.getElementById('recipientName').innerHTML = a1; // 'recipientName 
// reference name in the html
document.getElementById('organizationName').innerHTML = b2;
document.getElementById('eventDate').innerHTML = c3;
document.getElementById('websiteURL').innerHTML = d4;
document.getElementById('hostName').innerHTML = e5;
}
</script>
<body>
<header>
<div class="top">
<a class="logo" href="index.html">CapellaVolunteers<span 
class="dotcom">.org</span></a>
</div>
<nav>
<ul class="topnav">
<li><a href="index.html">Home</a></li>
<li><a href="invitation.html" class="active">Invitation</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="registration.html">Registration</a></li>
</ul>
</nav>
</header>
<section id="pageForm">
<label for="recipientName">Recipient name:</label>
<input type="text" id="rname" name="recipientName" placeholder="Enter your 
Recipient Name" />
<label for="organizationName">Organization name:</label>
<input type="text" id="orgname" name="organizationName" placeholder="Enter 
your Organization Name" />
<label for="eventDate">Event Date:</label>
<input type="text" id="date" name="eventDate" placeholder="Enter your 
Event Date" />
<label for="websiteURL">URL:</label>
<input type="text" id="web" name="websiteURL" placeholder="Enter your 
Website URL" />
<label for="hostName">Host name:</label>
<input type="text" id="hname" name="hostName" placeholder="Host Name" />
<input type="submit" value="Submit" onclick="showFormInput()" />
</section> 
<article id="placeholderContent">
<br/>
<br/>
Hello
<span id="recipientName">recipientName</span>!
<br/>
<br/> You have been invited to volunteer for an event held by
<span id="organizationName">organizationName</span> on
<span id="eventDate">eventDate</span>. Please come to the following 
website:
<span id="websiteURL">websiteURL</span> to sign up as a volunteer.
<br/>
<br/> Thanks!
<br/> 
<br/>
<span id="hostName">hostName</span>
</article>
<footer>This events site is for IT-FP3215 tasks.</footer>
</body>
</html>

person Staci Marchesini    schedule 01.08.2018    source источник
comment
Какой заголовок Content-Type вы отправляете с сервера?   -  person Anonymous    schedule 02.08.2018
comment
Ваш код все еще работает для вас?   -  person Unmitigated    schedule 02.08.2018
comment
У вас есть тег script, который не находится внутри вашей головы или тела.   -  person takendarkk    schedule 02.08.2018
comment
Очень новичок в JavaScript, поэтому я предполагаю, что вы спрашиваете меня, является ли это text/html или text/plain? Я использую текст/html. Это хоть как-то помогает? Если нет, пожалуйста, уменьшите это еще немного для меня. Спасибо. :-)   -  person Staci Marchesini    schedule 02.08.2018
comment
Я поставил тег сценария внизу, и я все еще получаю ту же ошибку.   -  person Staci Marchesini    schedule 02.08.2018
comment
Код работает нормально, только когда я иду проверять его с помощью инструментов разработчика в Chrome и FireFox (согласно моему заданию), я получаю сообщение об ошибке.   -  person Staci Marchesini    schedule 02.08.2018
comment
Если вы пишете HTML (код выше) на jsfiddle, вы получаете ту же ошибку?   -  person Ballsigno    schedule 02.08.2018


Ответы (1)


Кажется, он отлично работает со мной. Я бы не рекомендовал размещать скрипт вне тега body. Я бы поместил его в самый конец тега, чтобы он не задерживал загрузку страницы. Кроме того, я бы использовал Brackets в качестве редактора кода для подобных проектов. Это очень полезно, и вы можете скачать «Beautify» в качестве расширения, чтобы ваш код выглядел красиво.

person drewkiimon    schedule 01.08.2018
comment
Я использую Brackets, но мое задание по курсу требует проверки с помощью инструментов разработчика в двух разных браузерах. Код работает нормально, это просто ошибка, которую я получаю при проверке. - person Staci Marchesini; 02.08.2018