Learning JavaScript, я создал файл js и файл HTML без какого-либо файла CSS, потому что он мне не нужен. После связывания моего файла js с моим HTML и загрузки моего кода на chrome все, что я получаю, это индекс моего локального хоста. html: 1 Отказался от применения стиля из 'http://127.0.0.1: 5500 / style . css ', потому что его тип MIME (' text / html ') не является поддерживаемым типом MIME таблицы стилей и включена строгая проверка MIME. ". Ни одна из функций не работала. Просмотрите файлы здесь
Я попытался отключить проверку MIME в своем браузере, но не могу найти, как это сделать. Пожалуйста, проверьте простые строки кода ниже. Кто-нибудь выручит. Мне нужно подробное объяснение, как это исправить. Спасибо
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Adding Evnets</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Shopping List</h1>
<p id="first">Get it done today</p>
<p id="second">No excuses</p>
<input type="text" id="userinput" placeholder="enter item">
<button id="enter">Click me</button>
<ul>
<li random ="23"> Notebook</li>
<li>Jello</li>
<li>Spinach</li>
<li>Rice</li>
<li>Birthday Cake</li>
<li>Candles</li>
</ul>
<script src="events.js"></script>
</body>
</html>
JavaScript file:
var button = document.getElementById("enter");
var input = document.getElementById("userinput");
var ul = document.querySelector("ul");
function inputLenght() {
return input.value.lenght;
}
function createListElement() {
var li = document.createElement('li');
var test = document.createTextNode("input.value");
li.appendChild(test)
ul.appendChild(li);
input.value = '';
}
function addListAfterClick() {
if(inputLenght > 0 ) {
createListElement();
}
}
function addListAfterKeypress(event) {
if(inputLenght > 0 && event.keyCode === 13) {
createListElement()
}
}
button.addEventListener('click', addListAfterClick);
button.addEventListener('keypress', addListAfterKeypress);