Евгений Кылин

parseFloat(Value)
вместо Number()

cart = null

<div>
     <div class="el" el="1">элемент1</div>
     <div class="el" el="2">элемент2</div>
</div>
<div>
     <div class="container" container="1">содержимое1</div>
     <div class="container" container="2">содержимое2</div>
</div>

$('.el').onClick((this) => {
   let n $(this).attr('el')
   $('.container').hide()
   $('.container[container="'+ n +'"]').show()
})

Всю логику и представление придется писать самому, а принцип работы описан по ссылке.
https://wp-kama.ru/id_2018/ajax-v-wordpress.htm

transform: scale(2);

Вопрос почему $(*) , потому что данные подгружаются на ajax, поэтому отслеживать через ready или load не получается.

$('.icon').on('click', function(){
$('.icon').addClass('.click');
})

css: z-index

Попробуй отслеживание ввода текста, только не работает с автозаполнением и копи-пастом, для этого нужен скрипт, для комплекса событий
https://learn.javascript.ru/keyboard-events

$(document).ready(function(){
var drves = $( ".calc8input" ).val();
console.log(drves);
})