Как выводить итоговую сумму всех значений в документе?

Question

[Kyrat Farre]

есть код:

function calc() {
            
            var select1 = document.getElementById("select1");
            var select2 = document.getElementById("select2");
            var select3 = document.getElementById("select3");
             var select4 = document.getElementById("select4");
             var select5 = document.getElementById("select5");
              var select6 = document.getElementById("select6");
             

           
            var result = document.getElementById("result");
 
            var price = 100;
            price = parseInt(select1.options[select1.selectedIndex].title) +
            parseInt(select2.options[select2.selectedIndex].title) +
             parseInt(select3.options[select3.selectedIndex].title) +
             parseInt(select4.options[select4.selectedIndex].title) +
             parseInt(select5.options[select5.selectedIndex].title) +
              parseInt(select6.options[select6.selectedIndex].title);
         
            result.innerHTML = price;
       }

Но этот код считает и показывает только те значения которые я выбрал,то есть фунция возвращает мне значение НО НЕ СУММИРУЕТ ЕГО (( , подскажите пожалуйста как написать, чтобы при выборе каких то значение сумма именно калькулировалась, а не выбиралась, спасибо)))

Answer 1

[Максим Мартиросов]

Обязательно нативным яваскриптом нужно делать, или jQuery подойдёт?)

( function( $ ) {
	
	$('select').each(function(){
		var _select = $(this);
		var value = 0;

		_select.on('change', function(){
			var _this = $(this);
			value += parseInt( _this.val() );
		}).change();
		
		var result = $('<span />',{
			'class': 'amount',
			'text': value
		});
		$('#result').empty().html( result );	
	});
	
})( window.jQuery );

Код писался на коленке, только что и не тестировался. Только для примера.

Answer 2

[Kyrat Farre]

Спасибо, а можно написать код именно для моего скрипта (function calc() ) без jquery ?