JSFiddle - React, Tailwind, and code Playground

HTML

<form action="#" method="post" id="Form" name="Form">    
<p><label title="Veuillez saisir le nombre de PC" for="nbrePC"><span class="asterisque">*</span> Nombre de PC :</label>
                        <span class="form"><input type="text" size='3' maxlength='3' title="Veuillez saisir le nombre de PC" id="nbrePC" name="nbrePC" onfocus="this.value=''" value="" onkeyup="calcul_param_machine()" /></span>
                        </p>
                        <p>
                        <label title="Veuillez saisir la consommation moyenne" for="consoPCwatt"><span class="asterisque">*</span> Consommation d'un PC :</label>
                        <span class="form"><input type="text" size='3' maxlength='6' title="Veuillez saisir la consommation moyenne du PC en watt" id="consoPCwatt" name="consoPCwatt" onfocus="this.value=''" value="" onkeyup="calcul_param_machine()" /> watt = <input type="text" size='3' maxlength='3' title="Veuillez saisir la consommation moyenne du PC" id="consoPC" name="consoPC" onfocus="this.value=''" value=""  /> g C</span>
                        </p>
                        <p class="alignLabel3">Total : <input type="text" size='6' maxlength='6' title="Total CO2 PC" id="TotalCO2PC" name="TotalCO2PC" value="" readonly="readonly" /> g C</p>
    <br/>
                        <p><label title="Veuillez saisir le nombre de MAC" for="nbreMAC"><span class="asterisque">*</span> Nombre de MAC :</label>
                        <span class="form"><input type="text" size='3' maxlength='3' title="Veuillez saisir le nombre de MAC" id="nbreMAC" name="nbreMAC" onfocus="this.value=''" value="" onkeyup="calcul_param_machine()" /></span>
                        </p>
                        <p>
                        <label title="Veuillez saisir la consommation moyenne" for="consoMACwatt"><span class="asterisque">*</span> Consomation d'un MAC :</label>
                        <span class="form"><input type="text" size='3' maxlength='6' title="Veuillez saisir la...

JavaScript

function calcul_param_machine() {    
    
    var tauxCO2=0.01;
    
    var nbrePC=document.getElementById('nbrePC').value;
    var consoPCwatt=document.getElementById('consoPCwatt').value;
    
    var nbreMAC=document.getElementById('nbreMAC').value;
    var consoMACwatt=document.getElementById('consoMACwatt').value; 
    
    document.getElementById('consoPC').value=(consoPCwatt*tauxCO2);
    consoPC=document.getElementById('consoPC').value;
    document.getElementById('TotalCO2PC').value=(nbrePC*consoPC);
    TotalCO2PC=parseFloat(document.getElementById('TotalCO2PC').value);

    
    document.getElementById('consoMAC').value=(consoMACwatt*tauxCO2);
    consoMAC=document.getElementById('consoMAC').value;
    document.getElementById('TotalCO2MAC').value=(nbreMAC*consoMAC);
    TotalCO2MAC=parseFloat(document.getElementById('TotalCO2MAC').value);
                      
    document.getElementById('TotalCO2Machine').value=(TotalCO2PC+TotalCO2MAC);
               
    }