functions.js

var priceCalculator = document.getElementById('quote-calc');
priceCalculator.onchange = calculatesubtotal;
priceCalculator.onchange();
function calculatesubtotal() {
	var computers = Number(document.getElementById('computers').value) || 0;
	var people = Number(document.getElementById('peopleCount').value) || 1;
	var onboardingHours = Number(document.getElementById('onboardingHours').value) || 100;
	var yearlyHelpDesk = Number(document.getElementById('yearlyHelpDesk').value) || 400;
	var extras = 0;
	var salesforce = 0;
	var serviceCloud = 0;
  var monitor = 0;
	var keyboard = 0;
	var mouse = 0;
	var adobeAcrobat = 0;
	var adobeCC = 0;
	var intranet = 0;
	var deskPhone = 0;
	var phoneHeadset = 0;
	var okta = 0;
	var duo = 0;
	var five9 = 0;
	var cellPhone = 0;
	var cellPlan = 0;
		if ( $( "#salesforce-col" ).hasClass( "on" ) ) {  salesforce = 99; }
		if ( $( "#serviceCloud-col" ).hasClass( "on" ) ) { serviceCloud = 29; }
    if ( $( "#monitor" ).hasClass( "on" ) ) { monitor = 150; }
		if ( $( "#keyboard" ).hasClass( "on" ) ) { keyboard = 15; }
		if ( $( "#mouse" ).hasClass( "on" ) ) { mouse = 15; }
		if ( $( "#adobeAcrobat" ).hasClass( "on" ) ) { adobeAcrobat = 55; }
		if ( $( "#adobeCC" ).hasClass( "on" ) ) { adobeCC = 245; }
		if ( $( "#intranet" ).hasClass( "on" ) ) { intranet = 36; }
		if ( $( "#deskPhone" ).hasClass( "on" ) ) { deskPhone = 80; }
		if ( $( "#phoneHeadset" ).hasClass( "on" ) ) { phoneHeadset = 100; }
		if ( $( "#okta" ).hasClass( "on" ) ) { okta = 22; }
		if ( $( "#duo" ).hasClass( "on" ) ) { duo = 25; }
		if ( $( "#five9" ).hasClass( "on" ) ) { five9 = 1200; }
	  if ( $( "#cellPhone" ).hasClass( "on" ) ) { cellPhone = 600; }
		if ( $( "#cellPlan" ).hasClass( "on" ) ) { cellPlan = 1200; }
	extras = salesforce + serviceCloud + monitor + keyboard + mouse + adobeAcrobat + adobeCC + intranet + deskPhone + phoneHeadset + okta + duo + five9 + cellPhone + cellPlan;
	var yearlyHelpDeskHours = (people * yearlyHelpDesk);
	var onBoardingHours = (people * onboardingHours);
	var subtotal = ((computers + extras) * people);
  var grandTotal = (yearlyHelpDeskHours + onBoardingHours + subtotal);
	document.getElementById("total").innerHTML = "$" + subtotal.toFixed(2);
	document.getElementById("onboardingHours").innerHTML = "$" + onBoardingHours.toFixed(2);
	document.getElementById("yearlyHelpDesk").innerHTML = "$" + yearlyHelpDeskHours.toFixed(2);
	document.getElementById("grandTotal").innerHTML = "$" + grandTotal.toFixed(2);
}
$('#peopleCount').on('')
$('#salesforce-col').on('click', function() {
	var $$ = $(this)
	if (!$$.is('.on')) {
		$$.addClass('on');
		// run function to remove all other 'ons' from other oftens
	} else {
		$$.removeClass('on');
	}
	calculatesubtotal();
})
$('#serviceCloud-col').on('click', function() {
	var $$ = $(this)
	if (!$$.is('.on')) {
		$$.addClass('on');
		// run function to remove all other 'ons' from other oftens
	} else {
		$$.removeClass('on');
	}
	calculatesubtotal();
})
$('#monitor').on('click', function() {
	var $$ = $(this)
	if (!$$.is('.on')) {
		$$.addClass('on');
		// run function to remove all other 'ons' from other oftens
	} else {
		$$.removeClass('on');
	}
	calculatesubtotal();
})
$('#keyboard').on('click', function() {
	var $$ = $(this)
	if (!$$.is('.on')) {
		$$.addClass('on');
		// run function to remove all other 'ons' from other oftens
	} else {
		$$.removeClass('on');
	}
	calculatesubtotal();
})
$('#mouse').on('click', function() {
	var $$ = $(this)
	if (!$$.is('.on')) {
		$$.addClass('on');
		// run function to remove all other 'ons' from other oftens
	} else {
		$$.removeClass('on');
	}
	calculatesubtotal();
})
$('#adobeAcrobat').on('click', function() {
	var $$ = $(this)
	if (!$$.is('.on')) {
		$$.addClass('on');
		// run function to remove all other 'ons' from other oftens
	} else {
		$$.removeClass('on');
	}
	calculatesubtotal();
})
$('#adobeCC').on('click', function() {
	var $$ = $(this)
	if (!$$.is('.on')) {
		$$.addClass('on');
		// run function to remove all other 'ons' from other oftens
	} else {
		$$.removeClass('on');
	}
	calculatesubtotal();
})
$('#intranet').on('click', function() {
	var $$ = $(this)
	if (!$$.is('.on')) {
		$$.addClass('on');
		// run function to remove all other 'ons' from other oftens
	} else {
		$$.removeClass('on');
	}
	calculatesubtotal();
})
$('#deskPhone').on('click', function() {
	var $$ = $(this)
	if (!$$.is('.on')) {
		$$.addClass('on');
		// run function to remove all other 'ons' from other oftens
	} else {
		$$.removeClass('on');
	}
	calculatesubtotal();
})
$('#phoneHeadset').on('click', function() {
	var $$ = $(this)
	if (!$$.is('.on')) {
		$$.addClass('on');
		// run function to remove all other 'ons' from other oftens
	} else {
		$$.removeClass('on');
	}
	calculatesubtotal();
})
$('#okta').on('click', function() {
	var $$ = $(this)
	if (!$$.is('.on')) {
		$$.addClass('on');
		// run function to remove all other 'ons' from other oftens
	} else {
		$$.removeClass('on');
	}
	calculatesubtotal();
})
$('#duo').on('click', function() {
	var $$ = $(this)
	if (!$$.is('.on')) {
		$$.addClass('on');
		// run function to remove all other 'ons' from other oftens
	} else {
		$$.removeClass('on');
	}
	calculatesubtotal();
})
$('#five9').on('click', function() {
	var $$ = $(this)
	if (!$$.is('.on')) {
		$$.addClass('on');
		// run function to remove all other 'ons' from other oftens
	} else {
		$$.removeClass('on');
	}
	calculatesubtotal();
})
$('#cellPhone').on('click', function() {
	var $$ = $(this)
	if (!$$.is('.on')) {
		$$.addClass('on');
		// run function to remove all other 'ons' from other oftens
	} else {
		$$.removeClass('on');
	}
	calculatesubtotal();
})
$('#cellPlan').on('click', function() {
	var $$ = $(this)
	if (!$$.is('.on')) {
		$$.addClass('on');
		// run function to remove all other 'ons' from other oftens
	} else {
		$$.removeClass('on');
	}
	calculatesubtotal();
})