Schriftgröße ändert sich entsprechend des Wortes zählen

Question

wordCount = {}; theWords = []; allWords = data.match(/\b\w+\b/g); //get all words in the document 

    for(var i = 0; i < allWords.length; i = i + 1){ 
     allWords[i] = allWords[i].toLowerCase(); 
     var word = allWords[i]; 
     if(word.length>5){ 
     if(wordCount[word]){ 
      wordCount[word] = wordCount[word]+1; 
     } 
     else{ 
      wordCount[word] = 1; 
     } 
     } 
    } 
var theWords = Object.keys(wordCount); // all words over 5 characters 
var result = ""; 
    for(var i = 0; i < theWords.length; i = i + 1){ 
     result = result + " " + theWords[i]; 
     $("theWords.eq[i]").css("fontSize" , (wordCount.length + 50) + 'px'); 

    } 
    return result; 
} 

Ich habe Probleme mit der Syntax der Zeile „$ (“ theWords [i] .......“

Mir ist klar, wie einfach der Eine Frage ist dies, und nicht akademisch für die Gemeinschaft, aber ich habe mit dieser Syntax für eine Weile gefummelt und kann kein bestimmtes Forum finden, um meinen Syntaxfehler zu korrigieren.

Ich versuche, die Schriftgröße entsprechend ändern zu lassen wie oft das Wort in einem Dokument angezeigt wird
wordCount = Anzahl der Anzeigen
theWo rds = alle Wörter Ich möchte die Regel angewendet haben

Answer 1

Ich verwalte etwas, das mit dem funktioniert, was du getan hast, benutze ein bisschen mehr von jQuery, um die Liste der anzuzeigenden Wörter zu erstellen. hoffe es hilft: D.

$(document).ready(function() { 
 
    
 
var data = $(".sometext").text(); 
 

 
wordCount = {}; theWords = []; allWords = data.match(/\b\w+\b/g); //get all words in the document 
 

 
for (var i = 0; i < allWords.length; i++){ 
 
    allWords[i] = allWords[i].toLowerCase(); 
 
    var word = allWords[i]; 
 
    if (word.length > 5) { 
 
    if (wordCount[word]) { 
 
     wordCount[word] = wordCount[word] + 1; 
 
    } else { 
 
     wordCount[word] = 1; 
 
    } 
 
    } 
 
} 
 

 
var theWords = Object.keys(wordCount); // all words over 5 characters 
 
    
 
for(var i = 0; i < theWords.length; i = i + 1) { 
 
    $('<span/>', { 
 
    'text': theWords[i] + " ", 
 
    'class': theWords[i] 
 
    }).appendTo('.result'); 
 
} 
 
    
 
for(var i = 0; i < theWords.length; i++) { 
 
    $("." + theWords[i]).css("font-size", 15 + wordCount[theWords[i]]*5 + "px"); 
 
} 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<p class="sometext">javascript is a language that could be a language without such things as language but not without things as parenthesis. language is the bigest word here.</p> 
 

 
<hr> 
 

 
<div class="result"></div>