b-aleksei

progressBar = document.querySelector('progress');
output = document.querySelector('output');

xhr.upload.addEventListener('progress', function (e) {
  if (e.lengthComputable) {
    var v = (e.loaded / e.total) * 100;
    progressBar.value = v;
    output.value = Math.round(v) + '%';
    progressBar.textContent = progressBar.value.toString(); // Если браузер не поддерживает элемент progress
  }

b-aleksei

::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-top: none;
  border-bottom: 15px solid red;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;

b-aleksei

function trackScroll() {
  let scrolled = window.pageYOffset;
  let coords = document.documentElement.clientHeight;
  if (scrolled > coords) {
    goToTop.classList.add("to_top-show");
  }
  if (scrolled < coords) {
    goToTop.classList.remove("to_top-show");
  }
}

b-aleksei

// for IE11
const supportsTemplate = 'content' in document.createElement('template');

// the function takes a template and returns a DOM element
const createElement = supportsTemplate
  ? function (html) {
    const template = document.createElement('template');
    template.innerHTML = html;
    return template.content.firstElementChild;
  }

b-aleksei

// <div id="calendar"></div>

  function createCalendar(elem, year, month) {

    let mon = month - 1; // месяцы в JS идут от 0 до 11, а не от 1 до 12
    let d = new Date(year, mon);

    let table = '<table><tr><th>пн</th><th>вт</th><th>ср</th><th>чт</th><th>пт</th><th>сб</th><th>вс</th></tr><tr>';

    // пробелы для первого ряда

b-aleksei

// <progress id="elem" style="width: 5%;" onclick="anim.start()"></progress>

  class Animation {
        constructor({draw, duration}) {
          this.draw = draw;
          this.duration = duration;
        }

        animate(time) {

b-aleksei

/*
Класс для предотвращения скрола
.body-lock {
  overflow-y: scroll;
  position:fixed;
}
*/


const openClosePopup = function (obj) {

b-aleksei

/*	html	
<div class="form__input-wrap">
				<input name="name" data-validate="true" type="text" pattern="[A-z,А-я]{2,}" placeholder="Введите Ваше Имя"
				       aria-label="Введите Ваше Имя" required>
				<span class="form__error form__error--name">Имя должно содержать минимум 2 буквы</span>
			</div>
			<div class="form__input-wrap">
				<input name="phone" data-validate="true" type="text" pattern="\+7\s\([0-9]{3}\)\s[0-9]{3}\s[0-9]{2}\s[0-9]{2}"
				       placeholder="Введите Ваш номер телефона"
				       aria-label="Введите Ваш номер телефона" required>

b-aleksei

"use strict";

const addElement = function (e) {
  const button = e.currentTarget;
  const el = e.currentTarget.lastElementChild;
  const mValue = Math.max(button.clientWidth, button.clientHeight);
  el.style.width = el.style.height = mValue + 'px';

  el.classList.remove('pulse');
  setTimeout(() => {

b-aleksei

const ua = window.navigator.userAgent.toLowerCase();
const isIe = (/trident/gi).test(ua) || (/msie/gi).test(ua);

if (isIe) {

  const makeSmoothScroll = function (link) {

    link.addEventListener('click', function (e) {
      e.preventDefault();