Я пытаюсь использовать JS Вкладки из w3school, я новичок, поэтому я буду признателен за любую помощь. Я получил этот код, но по какой-то причине Javascript не будет работать, но будет выглядеть как текст, а не делать что-то.
<body onload="init();">
<div class="tab">
<button class="tablinks" onclick="openPhoto(event, 'Football')">Football</button>
<button class="tablinks" onclick="openPhoto(event, 'Tourist')">Tourist</button>
<button class="tablinks" onclick="openPhoto(event, 'School')">School</button>
</div>
<div id="Football" class="tabcontent">
<h3>Football</h3>
<p>.............</p>
</div>
<div id="Tourist" class="tabcontent">
<h3>Tourist</h3>
<p>.................</p>
</div>
<div id="School" class="tabcontent">
<h3>School</h3>
<p>.................</p>
</div>
<script type="text/javascript">
//<![CDATA[
function openPhoto(evt, photoName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(photoName).style.display = "block";
evt.currentTarget.className += " active";
}
//]]>
</script>
</body>
Но он покажет мне это вместо 
Я даже пытался использовать внешний скрипт, но с почти таким же результатом
<script type="text/javascript" src="https://pastebin.com/raw/p5HVPgma"></script>
