JSFiddle - React, Tailwind, and code Playground

HTML

<input type="file" multiple onchange="gestisciFile(this)" />
<ul id="fileSelezionati">

</ul>
<div id="totale">

</div>

JavaScript

window.gestisciFile = function(campoFile){

  var resoconto = "";
  var dimensioneTotale = 0;
  var lista = document.getElementById("fileSelezionati");
  lista.innerHTML = '';
	for (var i = 0; i<campoFile.files.length; i++) {
  var file = campoFile.files[i];
  var li = document.createElement("LI");
  lista.appendChild(li);
  li.innerText = file.name + ", " + file.size + " bytes";
  dimensioneTotale += file.size;
  }
  
  //Mostro a video il totale
  document.getElementById("totale").innerText = "Dimensione totale: " + dimensioneTotale + " bytes."
}