Nekio

Ошибки:
1) убрать стандартную отправку, поставив: e.preventDefault();
2) неправильные классы (указано: {firstNumder, secondNumder}, а в html: {firstNumber, secondNumber})
3) Переменная operation в которой указан value математической операции выдает null
4) Параметры функции записаны объектом, а нужно просто передавать 3 параметра: (

- calculate({ num1, num2, operation })
+ calculate(num1, num2, operation)

)
5) В функцию calculate() передаете value переменной operation, но не вызываете, вместо этого вызываете OPERATIONS, а нужно именно operation

- switch (OPERATIONS)
+ switch (operation)

str.length

<textarea></textarea>
<button class="save">Сохранить</button>
<button class="clear">Очистить</button>

let textarea = document.querySelector('textarea')
let save = document.querySelector('.save')
let clear = document.querySelector('.clear')

save.addEventListener('click', function(){
    localStorage.setItem('value', textarea.value)
})

clear.addEventListener('click', function(){
    localStorage.removeItem('value')
})

localStorage.getItem('value') !== null
    ? textarea.value = localStorage.getItem('value')
    : textarea.value = ''

Задайте параметру translateZ значение половины высоты контейнера:

translateZ(30px)

function cll(){
    var div = document.getElementById('img_div');
    var div_new = document.createElement('div')
    div_new.id = '1';

    var img = document.createElement('img');
    img.src ='lalalaalalalal';
    img.classList.add("image");

    div.appendChild(div_new);
    div_new.appendChild(img);
}
cll()

<div class='element'>

</div>

.element{
  display: flex;
  width: 20px;
  height: 20px;
  background-color: #000;
}

.not-active{
  display: none;
}

document.querySelector('.element').classList.toggle('not-active')

Если хотите, чтобы элемент переключал класс по кнопке, то задайте событие для кнопки (click) и вставьте этот кусок js кода туда.

Переписал под свой лад. Я так понимаю вы этого эффекта хотели?

<button id="mainbutton">Создать фигуру</button>

<script>
        let colors = ['red', 'green', 'blue'];

        $(document).on('click', '#mainbutton', function(){
            let div = document.createElement('div')
            
            let size = Math.floor((Math.random()*100)+5);
            let randomColor = colors[Math.floor(Math.random()*colors.length)]

            $(div).css("width", size+"px")
            $(div).css("height", size+"px")
            $(div).css('backgroundColor', randomColor)
            document.body.append(div)
        });


        
    </script>