Explore the input from multiple users to uncover the word that appears most frequently among them

Question

Explore the input from multiple users to uncover the word that appears most frequently among them

Hey there (brand new to JavaScript), I am working on a simple program that requires input from multiple users through prompt pop-ups.

For example:

<script type="text/javascript>
    var userInput = prompt("Enter your input:");
</script>

It's pretty basic code, right? I'm still getting the hang of it!

My current challenge is to create a script that can analyze user inputs and display the most commonly occurring word. Is there a way to write a program that can achieve this and then use document.write to output the result?

If anyone has any tips or suggestions, please feel free to share. I appreciate any help as I am struggling with this concept at the moment.

javascript html css

Answer 1

Answer №1

If we were to use only pure Javascript, imagine a scenario where you ask the user for input on a webpage three times. Each response is then stored in an array.

var prompts = [];
(function(){
    for (var i=0; i<3; i++) {
        prompts.push(prompt("What is your favorite color?"))
    }
    //...
}());

Next, we would need a function to go through each response and identify the words that are repeated.

function collateWords () {
    var sWords = prompts.join(" ")
        .toLowerCase().trim().replace(/[,;.]/g,'')
        .split(/[\s\/]+/g).sort();
    var iWordsCount = sWords.length;

    var counts = {};
    for (var i=0; i<iWordsCount; i++) {
        var sWord = sWords[i];
        counts[sWord] = counts[sWord] || 0;
        counts[sWord]++;
    }

    var arr = [];
    for (sWord in counts) {
        arr.push({
            text: sWord,
            frequency: counts[sWord]
        });
    }

    return arr.sort(function(a,b){
        return (a.frequency > b.frequency) ?
            -1 : ((a.frequency < b.frequency) ? 1 : 0);
    });
};

Execute the new function and display the results on the page.

//...
var collected = collateWords();
var iWordsCount = collected.length;
for (var i=0; i<iWordsCount; i++) {
    var word = collected[i];
    document.write(word.frequency + ", " + word.text);
}
//...

For a complete example, visit http://jsfiddle.net/jdgiotta/n26j5xf0/

Answer 2

If we were to use only pure Javascript, imagine a scenario where you ask the user for input on a webpage three times. Each response is then stored in an array.

var prompts = [];
(function(){
    for (var i=0; i<3; i++) {
        prompts.push(prompt("What is your favorite color?"))
    }
    //...
}());

Next, we would need a function to go through each response and identify the words that are repeated.

function collateWords () {
    var sWords = prompts.join(" ")
        .toLowerCase().trim().replace(/[,;.]/g,'')
        .split(/[\s\/]+/g).sort();
    var iWordsCount = sWords.length;

    var counts = {};
    for (var i=0; i<iWordsCount; i++) {
        var sWord = sWords[i];
        counts[sWord] = counts[sWord] || 0;
        counts[sWord]++;
    }

    var arr = [];
    for (sWord in counts) {
        arr.push({
            text: sWord,
            frequency: counts[sWord]
        });
    }

    return arr.sort(function(a,b){
        return (a.frequency > b.frequency) ?
            -1 : ((a.frequency < b.frequency) ? 1 : 0);
    });
};

Execute the new function and display the results on the page.

//...
var collected = collateWords();
var iWordsCount = collected.length;
for (var i=0; i<iWordsCount; i++) {
    var word = collected[i];
    document.write(word.frequency + ", " + word.text);
}
//...

For a complete example, visit http://jsfiddle.net/jdgiotta/n26j5xf0/

Explore the input from multiple users to uncover the word that appears most frequently among them

Answer №1

Similar questions

What is the process for including a file in a request?

Implementing a validator based on the operator selection in react-querybuilder

Verifying API access with custom settings using the got module

Attempting to iterate over an array and utilize a foreach loop to return several sets of data

Is it possible to dynamically adjust the Semantic UI Progress bar according to the data stored in mongoDB?

Using jQuery to select a nested element in HTML

How does AJAX relate to XML technology?

Creating unique border-radius for each point in a Highcharts column chart with React

Grails 3.1.9 does not support displaying JavaScript

Issue with displaying ChartJS on Django HTML page

Angular: sending the user input to the component

Tips on making a fresh form appear during the registration process

Is it possible to call componentDidMount() multiple times in React?

Access the file and execute JavaScript code concurrently

Automating the linking of tsd definitions with bower and npm: A step-by-step guide

Tips for integrating and showcasing API data in your React JS application by utilizing React Table and Axios

Handling error reporting using JSON in jQuery AJAX post success

Information regarding gender vanishes upon refreshing the page

How to pass command line arguments into Chrome using WebDriverIO Selenium from the config.js file

What is the best practice for adding one string to the end of another?