Array con frequenze
<!DOCTYPE html> <!-- Alessandro Barazzuol --> <html> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script> let freq=[0]; let array=[0]; const SIZE=20; function spara() { for (let i = document.getElementById("bodi").childNodes.length - 1; i >= 0; i--) { document.getElementById("bodi").removeChild(document.getElementById("bodi").childNodes[i]); } for(i=0;i<=90;i++) freq[i]=0; frequenze(); document.getElementById("t").innerHTML=array.toString().trim(); var table=document.createElement("table"); document.getElementById("bodi").appendChild(table); var tr; for(i=65;i<=90;i++) { if(freq[i]!=0) { tr=document.createElement("tr"); var td=document.createElement("td"); td.style.width = '10%'; td.innerHTML=String.fromCharCode(i); tr.appendChild(td); for(j=0;j<freq[i];j++) { td=document.createElement("td"); td.style.backgroundColor="Red"; td.style.backgroundImage=" linear-gradient(red, yellow)"; tr.appendChild(td); } table.appendChild(tr); } } } function frequenze() { for(i =0;i<SIZE;i++) { array[i]=String.fromCharCode(Math.floor(Math.random()*26+65)); } for(i =0;i<SIZE;i++) { freq[array[i].charCodeAt(0)]++; } } </script><!-- comment --> </head> <p id="t" ></p><br><!-- comment --> <input type="button" value="Random" onclick="spara()"> <br><!-- comment --> <div>Grafico Frequenze lettere</div><br> <div id="bodi"> <!-- codice tabella --> </div> </html>
Grafico Frequenze lettere