Этот новичок (я) имеет приведенный ниже фрагмент HTML-файла с javascript внутри него.Я хочу запустить этот файл HTML и просмотреть значение и типы переменных.Из прошлой конструктивной обратной связи я понимаю, что могу просматривать переменные в консоли Chrome.Я также знаю, что теги скрипта не нужны.Я хочу просмотреть все переменные в окнах VS Code Variables и Watch.Следующие 2 сайта указали мне на установку расширений Chrome Dev и Chrome Debugger.На второй веб-ссылке идет в настройке launch.json.Файл launch.json, который у меня был ранее, не работает с этим html-файлом, однако показанная на нем конфигурация launch.json выдает ошибку подключения к хосту.Что мне здесь делать?
Заранее спасибо.
https://code.visualstudio.com/blogs/2016/02/23/introducing-chrome-debugger-for-vs-code https://github.com/Microsoft/vscode-chrome-debug
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Java1</title>
<link rel="stylesheet" href="java/css/java1.css">
</head>
<body onload="loadfruits()">
<button onclick="myFunction()">Add your favorite fruit</button>
<p id="fruits"></p>
<script>
var fruit=["apple","orange","banana","mango"];
function loadFruits() {
document.getElementById("fruits").innerHTML=fruits;
}
function myFunction() {
var fruit=prompt("What is your favorite fruit?");
fruit[fruit.length]=fruit;
document.getElementById("fruits").innerHTML=fruits;
}
</script>
</body>
</html>