Почему не работает калькулятор?

War4, пофиксили и немного новых ошибок добавили. В итоге ваша часть кода будет выглядеть так:

const OPERATIONS = {
  addition : '+',
  substract : '-',
  multiplication : '*',
  division : '/',
  exponentiation: '**'
}

function calculate(num1, num2, operation){
  let result = 'null';
  switch (operation){
    case OPERATIONS.addition:
      result = addition(num1, num2);
      break;
      
    case OPERATIONS.substract:
      result = substract(num1, num2);
      break;
      
    case OPERATIONS.multiplication:
      result = multiplication(num1, num2);
      break;
      
    case OPERATIONS.division:
      result = division(num1, num2);
      break;
      
    case OPERATIONS.exponentiation:
      result = exponentiation(num1, num2);
      break;
      
    default:
		break;
  }
  return result;
}

const firstNumber = document.querySelector(".first-number");
const secondNumber = document.querySelector(".second-number");
const operationList = document.querySelector(".operation");
const btnResult = document.querySelector(".btn-result");
const outputNumber = document.querySelector(".output");

btnResult.onclick = function(evt){
    evt.preventDefault();
    const num1 = Number(firstNumber.value);
    const num2 = Number(secondNumber.value);
    const operation = operationList.value;
    const result = calculate(num1, num2, operation);
    outputNumber.innerHTML = ("Результат " + result);
};

Можете заменить на то что имеется и всё будет работать

Почему не работает калькулятор?

War4, у вас аттрибут class в html не через английскую букву "c" написан, из-за этого выдаёт null

Почему не работает калькулятор?

War4, в codepen переменная operationList выдавала null в консоль. Если селектор исправен, то значит все должно работать

Почему не работает калькулятор?

Вадим, Благодарю

Как спарсить атрибут?

Можно вот так ещё:

document.querySelector('[data-variant-id="2147671_3"]').getAttribute('data-price')

document.querySelector('.variant[data-variant-id="2147671_3"]').getAttribute('data-price')

document.querySelector('[data-variant-id]').getAttribute('data-price')

document.querySelector('.variant[data-variant-id]').getAttribute('data-price')

document.querySelectorAll('[data-variant-id]')[0].getAttribute('data-price')

document.querySelectorAll('.variant[data-variant-id]')[0].getAttribute('data-price')

Как спарсить атрибут?

document.querySelector('.variant').getAttribute('data-price')

Не работает кнопка вывода калькулятора. Выдает undefined. Что делать?

Попробуйте убрать обёртку функции, также у вас value берёт значение data-num каждой кнопки, а если data-num не указан у кнопки, то выдаёт undefined, так собственно и появляется undefined в поле input.

let screen = document.querySelector('.screen');
let buttons = document.querySelectorAll('.btn');
let clear = document.querySelector('.btn-clear');
let equal = document.querySelector('.btn-equal');
let answer = '';

buttons.forEach( (button) => {
    button.addEventListener('click', function (e) {
        let value = e.target.dataset.num;
        value !== undefined ? screen.value += value : false
    })
});

clear.addEventListener('click', function (e) {
   screen.value = '';
});

let result = () => {
    try {
         screen.value = eval(screen.value);
      }
    catch (err) {
         alert('Enter the valid input');
    }
}

Как сохранить текст внутри textarea в localstorage?

viva cristo64, Для того чтобы что-то появилось надо вписать в textarea символы и нажать кнопку "Сохранить"

Как сохранить текст внутри textarea в localstorage?

viva cristo64, При нажатие на кнопку "Сохранить" данные из textarea заносятся в localStorage с идентификатором "value". При перезагрузке страницы данные берутся из localStorage и размещаются в textarea. Кнопка "Очистить" просто удаляет объект из localStorage. В данный момент работает так.

Белая полоска после футера как убрать?

body{
 margin: 0
}

.footer{
  margin-top: 50px;
  width: 100%;
  height: 380px;
  background: #000000D9;
}

Почему между span есть пустое пространство?

Alexander3928, в "chrome" сглаживание работает как надо, а вот если посмотреть в "mozilla", то действительно перспектива выстраивается немного лесенкой (видимо особенность браузера)

Нужно при отмеченном checkbox изменить цвет border label, а при неактивном вернуть обратно. Как сделать?

Олег Степанов, Так класс и присваивается к label, соответственно и border этого класса тоже будет расположен на label

Нужно при отмеченном checkbox изменить цвет border label, а при неактивном вернуть обратно. Как сделать?

Олег Степанов, просто подкорректируйте стили класса .checkbox__label:

.checkbox__label {
  border: 1px #D2D0D0 solid;
  border-radius: 14px;
  padding: 4px;
}

Нужно при отмеченном checkbox изменить цвет border label, а при неактивном вернуть обратно. Как сделать?

Олег Степанов, что именно не работает?

Нужно при отмеченном checkbox изменить цвет border label, а при неактивном вернуть обратно. Как сделать?

Олег Степанов,
Здесь и css достаточно чтобы это сделать, но, если скриптом, то можно вот так:

let inputs = document.querySelectorAll('input[type="checkbox"]')
let labels = document.querySelectorAll('label')

for (let elem of inputs){
    function checker(){
        for (let el of labels){
            if (elem.id == el.htmlFor){
                elem.checked ? el.classList.add('checkbox__label') : el.classList.remove('checkbox__label')
            }
        }
    }
    elem.addEventListener('change', function(){
        checker()
    })
    checker()
}

Как сделать автоклик элемента если он существует?

let button = document.getElementById('button')
let checkBox = document.getElementById('checkbox')

if (button){
     checkBox.click()
}

Как сделать конструкцию IF ELSE на JS привязанной к кнопке в HTML?

Ankhena, спасибо что поправили. Это было для примера как работает, button нужен для отправки формы, тогда можно было просто тег:
<a></a>
указать

Как сделать конструкцию IF ELSE на JS привязанной к кнопке в HTML?

<button class='button'>Кнопка</button>

document.querySelector('.button').addEventListener('click', function(e){
e.preventDefault()
console.log('текст')
})

Как начислить очки?

Александр, спасибо, что поправили

Как начислить очки?

const pointTrace = document.querySelectorAll('.point-race')
const point = document.querySelectorAll('.point')

for (let i = 0; i < pointTrace.length; i++){
  point[i].innerHTML = pointTrace[i].innerHTML;
}