Antonio09

var chartOptions = {
  legend: {
    display: true,
    position: 'top',
    labels: {
      boxWidth: 80,
      fontColor: 'black'
    }
  },
  //Добавить это:
  tooltips: {
  mode: 'x-axis'
},
};

Вы вообщем то правильно получили, используйте тот вариант который хотите.
https://jsfiddle.net/L53714wk/

document.querySelectorAll('#select option').forEach(n =>
  if (n.selected == true) {
    n.textContent += n.value + '!';
  } else {
    n.textContent += n.value + '-';
  }
)

^
самая большая ошибка была, что всё после стрелочки надо было обернуть в { }, потому что это текст функции, а он должен быть в скобках

для buttonзадай

$size: 36px;
border-radius: calc(#{($size/2) / $size});

$size: 36px;
$result: ($size/2) / $size;
border-radius: calc(#{$result});

$size: 36px;
border-radius: calc((#{$size}/2) / #{$size});

Только все это не имеет смысла в данном случае. Можно просто посчитать и вставить значение:

$size: 36px;
border-radius: (($size/2) / $size);

.goods__col {
cursor: pointer;
position: relative;
margin: 0 4px;
margin-top: 10px;
padding-top: 3%;
margin-bottom: 20px;
outline: none;
outline: 1px solid red;
}

https://jsfiddle.net/cvtba47o/

фишка в том, что блок .slick-list имеет overflow: hidden;
тебе просто нужно любыми способами отдалить блок от .slick-list
в твоем случае можно:
.goods__col {margin: 1px 4px;}

Так, флексом и без лишних элементов. Ваши лишние свойства закомментировала.
https://jsfiddle.net/d4cL6xy2/

Костыльно. Здесь я юзал flex-box.

тык

У вас ошибка в коде
elem.checked = 'false'
А должно быть
elem.checked = false
Так же можно сделать, если хотите, чтобы статус менялся при нажатии на кнопку
elem.checked = !elem.checked;

Не правильно написан
this.removeListener('click', func);

Так правильней.
this.removeEventListener('click', func);

/*Даны два инпута и кнопка. По нажатию на кнопку запишите в первый инпут значение второго инпута, а во второй инпут - значение первого. Ваш код должен работать универсально, для любых значений инпутов.*/
var elem1 = document.querySelector('#elem1');
var elem2 = document.querySelector('#elem2');
var button = document.querySelector('button');
var buff

button.addEventListener('click', function() {
  buff = elem1.value;
  elem1.value = elem2.value
  elem2.value = buff;
})

Вы можете контейнер `contacts__item` сделать флекс контейнером, и потом `contacts__map` задать
flex-grow: 1;
В таком случае блок с картой у вас будет растягиваться, но у вас у родительского контейнера есть вн. паддинги 30px, если вы хотите, чтобы карта занимала всю ширину до границы, то уберите нижний паддинг

Для решения этой задачи вам поможет smartSpeed. Например, попробуйте следующее значение:

$(document).ready(function() {



 var stock__clients = $(".owl-carousel");
  stock__clients.owlCarousel({
        dots: true,
        nav: false,
        loop: true,
        smartSpeed: 2000,
        animateOut: 'fadeOut',
        navText: '',
          items: 1,

    });

});

classList

https://jsfiddle.net/HunteR_VRX/d56r3we8/442/

var button = document.querySelectorAll('button');
button.addEventListener('click', function() { ... } )

^ так не получится, querySelectorAll вернет массив, а addEventListener можно вешать только на отдельный элемент, поэтому по всему массиву надо пройтись и повесить каждому свой обработчик события

Просто добавьте еще 2 скрытых li в меню - https://jsfiddle.net/g5069a8L/

ps: Можно даже один. Работать будет - https://jsfiddle.net/twh9fsv5/