Counting Javascript

Hello everyone. I need help I am not a coder. I tried too many things but it won’t work so cannot find any solution about it.

my website link is > tnsart . c o m /grafik-standart

this is a basic form which is working like a service system with points. (each service has points).
services are to the left “ürün”
points header is “Puan”
quantity is “Miktar”
counting is “Puan miktarı”

this form is working but I wanted add some functions in it.

I have got 3 questions
1-) why should I click elsewhere empty space of the page to see a result while changing quantity values? is there anyway to work without doing it ?

2-) I would like to find a true code for calculate by live all of “Puan Miktarı” which are the total points. When they reach the limit total 500 points it should stop and warn. how could I do that ?

3-) if you cannot help, could you tell me where should I looking for working these systems ? array ? repeating ?

export function total_change(event) at the end of the code and tried to make it calculate all of additions. it won’t working :frowning:

Thanks for your help.

Codes are here

$w.onReady(function () {
 // TODO: write your page related code here...
});

export function websitesi_change(event) {
let toplamTutar = Number($w('#websitesiPuani').text);
let secilenDeger = Number(event.target.value);
$w('#webTutar').text = String(secilenDeger * toplamTutar);
}

export function katalog_change(event) {
let toplamTutar = Number($w('#katalogPuani').text);
let secilenDeger = Number(event.target.value);
$w('#katalogTutar').text = String(secilenDeger * toplamTutar);
 // Add your code for this event here: 
}

export function brosur_change(event) {
let toplamTutar = Number($w('#brosurPuani').text);
let secilenDeger = Number(event.target.value);
$w('#brosurTutar').text = String(secilenDeger * toplamTutar);
 // Add your code for this event here: 
}

export function sosyal_change(event) {
let toplamTutar = Number($w('#sosyalPuani').text);
let secilenDeger = Number(event.target.value);
$w('#sosyalTutar').text = String(secilenDeger * toplamTutar);
}

export function video_change(event) {
let toplamTutar = Number($w('#videoPuani').text);
let secilenDeger = Number(event.target.value);
$w('#videoTutar').text = String(secilenDeger * toplamTutar);
}

export function kurumsalKimlik_Change(event) {
let toplamTutar = Number($w('#kurumsaKimlikPuani').text);
let secilenDeger = Number(event.target.value);
$w('#kurumsalKimlikTutar').text = String(secilenDeger * toplamTutar);
}

export function total_change(event) {
let ToplamDeger = ($w('#webTutar' + '#katalogTutar' + '#brosurTutar' + '#sosyalTutar' + '#videoTutar').text);
let secilenDeger = Number(event.target.value);
$w('#toplamaIslemi').text = String(ToplamDeger + secilenDeger);
}