< script > const test = document.querySelector('.test') let averageAbt = [] const fakePercs = [5.68,8.45,7.12,3.17,9.7,.12,4.35,2.22,9.64,1.04,0.38,3.55,3.11,2.99,8.88,10.11] let iknow = { "data": [ { "sector": "Santé humaine et action sociale", "absenteeism_rate": "7.5%", "turnover_rate": "26%" }, { "sector": "Transports et entreposage", "absenteeism_rate": "6.46%", "turnover_rate": "16%" }, { "sector": "Hébergement et restauration", "absenteeism_rate": "6.6%", "turnover_rate": "32%" }, { "sector": "Commerce réparation d’automobiles et de motocycles", "absenteeism_rate": "5.8%", "turnover_rate": "20%" }, { "sector": "Activités immobilières", "absenteeism_rate": "5.6%", "turnover_rate": "14%" }, { "sector": "Production et distribution d’eau, assainissement, gestion des déchets", "absenteeism_rate": "5.5%", "turnover_rate": "15%" }, { "sector": "Industrie manufacturière", "absenteeism_rate": "5.3%", "turnover_rate": "10%" }, { "sector": "Arts, spectacles et activités de services", "absenteeism_rate": "5.1%", "turnover_rate": "34%" }, { "sector": "Services aux entreprises", "absenteeism_rate": "5.2%", "turnover_rate": "25%" }, { "sector": "Information et communication", "absenteeism_rate": "4.4%", "turnover_rate": "19%" }, { "sector": "BTP", "absenteeism_rate": "5.63%", "turnover_rate": "17%" }, { "sector": "Enseignement", "absenteeism_rate": "3.9%", "turnover_rate": "23%" }, { "sector": "Production et distribution d’électricité, de gaz, de vapeur et d’air conditionné", "absenteeism_rate": "3.3%", "turnover_rate": "19%" }, { "sector": "Activités financières et d’assurance", "absenteeism_rate": "3.2%", "turnover_rate": "18%" }, { "sector": "Activités spécialisées, scientifiques et techniques", "absenteeism_rate": "2.6%", "turnover_rate": "21%" } ] } //Turnover const inputCompStyle = document.querySelector('input[data-sector]').value const inputSalaries = document.querySelector('input[data-salaries]').value const inputSalariesGone = document.querySelector('input[data-salaries-gone]').value const inputSalariesGained = document.querySelector('input[data-salaries-gained]').value //Absenteism const inputAbsenteism = document.querySelector('input[data-sector]').value const inputEmployesYearly = document.querySelector('input[data-sector]').value const inputEployesAbenteismYearly = document.querySelector('input[data-sector]').value //Productivity const inputProductivityStyle = document.querySelector('input[data-sector]').value const inputProdEmployes = document.querySelector('input[data-sector]').value const inputProdYearlyEarning = document.querySelector('input[data-sector]').value test.addEventListener('click', => { console.log('click') }) data.map(rate => averageAbt.push(rate.absenteeism_rate)) function getAbsenteismRate(client) { const average = averageAbt.reduce((a, b) => a + b, 0) / averageAbt.length; const averageClient = fakeData.reduce((c, d) => c + d, 0) / fakeData.length; //Just calculate rate of absenteim to handle color change if (averageClient >= average + 10 % ) return 'orange' if (averageClient >= average + 11 % ) return 'red' return 'green' } //Calculate needed data which si sent on click of element, we just put a number to identify function simulateCalculs(case) { switch (case) { case 0: //Turnover return (((nombre_departs + nombre_recrutements) / 2) / nombre_salaries) * 100 break; case 1: //Absenteism return (nombre_heures_absence_total / (volume_horaire_hebdo * nombre_salaries * 45.4)) * 100 break; case 2: //Productivity return chiffre_affaires_annuel / (volume_horaire_hebdo * 45.4 * nombre_salaries) * 100 break; default } } < /script