Ismail Useinov morphIsmail

## menu.js
$(document).ready(function () {
	$('.nav a[href^="#"]').click(function () {//выбрать ссылки из меню
		var offset = $('.nav').innerHeight();//Высота меню, получаем динамически
		var target = $(this).attr('href');//Сохраняем значение атрибута href
		$('html, body').animate({
			scrollTop: $(target).offset().top - offset//вычесть высоту меню
		}, 500);//время анимации
		$('.nav a[href^="#"]').removeClass('active');//удалить класс active у всех пунктов меню
		$(this).addClass('active');//добавить класс active активной ссылке
		return false;

## readTextOnJs.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Чтение файла</title>
</head>
<body>
  <input type="file" id="file">
  <button>Чтение файла</button>

## menu.js
// Найти все ссылки начинающиеся на #
const anchors = document.querySelectorAll('a[href^="#"]')

// Цикл по всем ссылкам
for(let anchor of anchors) {
  anchor.addEventListener("click", function(e) {
    e.preventDefault() // Предотвратить стандартное поведение ссылок
    // Атрибут href у ссылки, если его нет то перейти к body (наверх не плавно)
    const goto = anchor.hasAttribute('href') ? anchor.getAttribute('href') : 'body'
    // Плавная прокрутка до элемента с id = href у ссылки

## settings.json
{
    "workbench.iconTheme": "material-icon-theme",
    "editor.fontSize": 18,
    "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
    },
    "files.autoSave": "onFocusChange",
    "vs-html-to-css.append": " {\n\n}\n",
    "workbench.startupEditor": "none",
    "editor.tabSize": 2,
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Чтение файла</title>
	</head>
	<body>
	<input type="file" id="file">
	<button>Чтение файла</button>
	{
	"workbench.iconTheme": "material-icon-theme",
	"editor.fontSize": 18,
	"[html]": {
	"editor.defaultFormatter": "vscode.html-language-features"
	},
	"files.autoSave": "onFocusChange",
	"vs-html-to-css.append": " {\n\n}\n",
	"workbench.startupEditor": "none",
	"editor.tabSize": 2,