Navigating the depths of an eclectic array

Question

Navigating the depths of an eclectic array

Looking for help with my JavaScript code:

 
var wordSelection = [
{ 'word': "Pomme", "gender": "m" },
{ "word": "Banane", "gender": "f" },
{ "word": "Ananas", "gender": "m" },
{ "word": "Chat", "gender": "f" },
{ "word": "Chien", "gender": "m" },
{ "word": "Poisson", "gender": "f" }
];   

function randomWord(){
  var chosenWord = wordSelection[Math.floor(Math.random() * wordSelection.length)].word;
  document.getElementById("word").innerHTML = chosenWord;
}

Is there a way to modify this code so that it only displays a random word (e.g. pomme, banane, ananas) or gender?

Currently, the output is [object Object] which is not what I want.

Thank you!

javascript arrays random

Answer 1

Answer №1

Give this a shot:

let selectedWord = wordBatch[Math.floor(Math.random()*wordBatch.length)].term

Answer 2

Give this a shot:

let selectedWord = wordBatch[Math.floor(Math.random()*wordBatch.length)].term

Answer 3

Answer №2

Make sure to specifically target the word element within the object instead of selecting the entire object at once.

http://jsfiddle.net/bhlaird/HKnb3/

var wordselection = [{
    'word': "Apple",
    "gender": "m",
}, {
    "word": "Banana",
    "gender": "f",
}, {
    "word": "Pineapple",
    "gender": "m",
}, {
    "word": "Cat",
    "gender": "f",
}, {
    "word": "Dog",
    "gender": "m",
}, {
    "word": "Fish",
    "gender": "f",
},

];

function getRandomWord() {
    var chosen = wordselection[Math.floor(Math.random() * wordselection.length)];
    document.getElementById("word").innerHTML = chosen.word;
}

Answer 4

Make sure to specifically target the word element within the object instead of selecting the entire object at once.

http://jsfiddle.net/bhlaird/HKnb3/

var wordselection = [{
    'word': "Apple",
    "gender": "m",
}, {
    "word": "Banana",
    "gender": "f",
}, {
    "word": "Pineapple",
    "gender": "m",
}, {
    "word": "Cat",
    "gender": "f",
}, {
    "word": "Dog",
    "gender": "m",
}, {
    "word": "Fish",
    "gender": "f",
},

];

function getRandomWord() {
    var chosen = wordselection[Math.floor(Math.random() * wordselection.length)];
    document.getElementById("word").innerHTML = chosen.word;
}

Answer 5

Answer №3

Check out this example http://example.com/jsfiddle123

randomWord = wordlist[Math.floor(Math.random()*wordlist.length)].term;

Answer 6

Check out this example http://example.com/jsfiddle123

randomWord = wordlist[Math.floor(Math.random()*wordlist.length)].term;

Answer 7

Answer №4

A new feature has been added to the randomword() function allowing you to specify whether you want to select a word or gender type.

function randomword(type) {
  var chosen=wordselection[Math.floor(Math.random()*wordselection.length)][type];
  document.getElementById("word").innerHTML += "<p>"+chosen+"</p>";
}

randomword('word');
randomword('gender');

http://jsfiddle.net/AESvG/

Answer 8

A new feature has been added to the randomword() function allowing you to specify whether you want to select a word or gender type.

function randomword(type) {
  var chosen=wordselection[Math.floor(Math.random()*wordselection.length)][type];
  document.getElementById("word").innerHTML += "<p>"+chosen+"</p>";
}

randomword('word');
randomword('gender');

http://jsfiddle.net/AESvG/

Answer 9

Answer №5

If you're uncertain about what type of information to display, it's important to clarify if you prefer a word or a gender.

To display a word:

var selected = words[Math.floor(Math.random()*words.length)].word;

Alternatively, for gender:

var selected = words[Math.floor(Math.random()*words.length)].gender;

Answer 10

If you're uncertain about what type of information to display, it's important to clarify if you prefer a word or a gender.

To display a word:

var selected = words[Math.floor(Math.random()*words.length)].word;

Alternatively, for gender:

var selected = words[Math.floor(Math.random()*words.length)].gender;

Navigating the depths of an eclectic array

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

The Nextjs Image was preloaded using link preload, but it remained unused after a short period following the window's load event

Why isn't my computed property functioning properly in Vue.js?

Utilize JavaScript and AJAX to extract XML data from a web service response

How can you create an intricate HTML table using AngularJS with data nested on various levels?

Tips for achieving a dimmed content effect on Semantic UI React within a NextJS project

A collapsible select list with checkboxes for children items

The Slider component in Material UI's API may not properly render when using decimal numbers as steps or marks in React

The Vue DevTools are functioning as expected, but there seems to be an issue

The MatTableDataSource provides a promise that includes approximately 7000 rows of data

Add data to a size guide

Ways to condense list chart into a single item and utilize a select dropdown to display choices without the need to refresh the

How to Retrieve Upload Progress via HTTP Request in PHP

Is there a way to access a JSON node dynamically without relying on the eval function?

Extract particular XML element(s) and incorporate them into an HTML webpage

What are the ways to utilize the insertedCount function in MongoDB?

toggle the outer div along with its corresponding inner div simultaneously

Expressjs encountering a routing malfunction

Creating a Selectable Child Form in ReactJS that Sends Data to Parent Form

Traverse a C array using a loop

transfer information using an array