Generate table using random subset of an array

Question

Currently this script takes the words from the list and generates a grid, giving the words random positions each time. When the words are generated I want them to be split into individual characters, into cells next to each other - how do I do this?

  var listOfWords = ["mat", "cat", "dog", "pit", "pot", "fog", "log", "pan", "can",  "man", ];
  var shuffledWords = listOfWords.slice(0, 12);
  shuffledWords.sort(function() {
  return 0.5 - Math.random();
});

 var table = $('<table class="tablestyle">');
 var rows = 6;
 var cols = 2;
 var tr;
 var index;

for (var row = 0; row < rows; row++) {
tr = $('<tr>');
for (var col = 0; col < cols; col++) {
    index = (row * cols) + col;
    $('<td>').text(shuffledWords[index]).appendTo(tr);
}
tr.appendTo(table);
}

 table.appendTo('body');

 $('<table>' + innerTable + '</table>').appendTo('body');

Manse · Accepted Answer · 2012-07-13 10:29:30Z

1

Try sorting the list randomly before slicing it. Like this

listOfWords.sort(function() {
  return 0.5 - Math.random();
});
var shuffledWords = listOfWords.slice(0, 12);

edited Jul 13, 2012 at 10:29

Manse

38.1k11 gold badges88 silver badges112 bronze badges

answered Jul 13, 2012 at 10:26

Inkbug

1,6931 gold badge11 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

RoToRa Over a year ago

Using sort like this isn't a good idea. It expects that the comparison function returns the same result for the same parameters, which can lead to unintended and difficult to find bugs.

Inkbug Over a year ago

The sort function is just copied from above. All that was changed was the order.

Lemex · Accepted Answer · 2012-07-13 11:46:02Z

0

<script type="text/javascript">
var html = "<table border='0' width='100%'>";
html += "<tr> <td> Search ID </td> <td> Name </td> <td>Location</> <td> Reason </td></tr>"
html += "<tr> <td> 1 </td> <td> Bob </td> <td>Glasgow</> <td> Hello </td></tr>"
html+="</table>";

$('#outputID').append(html);
</script>

Where it says

<td> Bob </td>

replace it with

"<td>" + varibleName + "</td>"

And the varible name could be each character? Just put this in a loop that suits?

Hope this helps

answered Jul 13, 2012 at 11:46

Lemex

3,81414 gold badges57 silver badges89 bronze badges

Collectives™ on Stack Overflow

Generate table using random subset of an array

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related