Develop Reference

Picking multiple random values from array [duplicate]

This question already has answers here:
How to randomize (shuffle) a JavaScript array?
(69 answers)
Closed 4 months ago.
Does anyone know how you can pick more than one random element from an array? The code below is a simplified version of my code, but i think it should be enough.
My code picks a random quote from the array, then fills a div with the random string. But here comes my question, how do i get a new quote when userinput === quoteRandom. The code should be able to do this multiple times.
let quote_array = [
'Gresset er grønnere på andre siden av gjerdet',
'Å være sliten og nedfor og er ikke et tegn på svakhet, mest sannsynlig har du vært sterk for lenge',
'Jeg skulle ikke spise den, jeg skulle bare smake på den',
'Nøtter er ikke noe for en hel rev'
];
//Pick random quote
let quoteRandom = sitat_array[Math.floor(Math.random() * sitat_array.length)];
//Fill a div with quoteRandom
function fillQuote() {
div.innerText = quoteRandom;
}
//If userinput === quoteRandom
function newQuote() {
fillQuote();
}

If you mutate the origanal array with sort and pop, every time you can get a random element form the rest of the array. So you will never get a quote again, only all the elements are poped, and the array is reinitialized.
let quote_array = [];
function getaquote() {
if (quote_array.length === 0) {
quote_array = [
'Gresset er grønnere på andre siden av gjerdet',
'Å være sliten og nedfor og er ikke et tegn på svakhet, mest sannsynlig har du vært sterk for lenge',
'Jeg skulle ikke spise den, jeg skulle bare smake på den',
'Nøtter er ikke noe for en hel rev'
];
}
quoteRandom1 = quote_array.sort(() => (Math.random() > .5) ? 1 : -1).pop();
console.log(quoteRandom1);
}
<button onclick="getaquote()">get a quote</button>

How do I change or update <p> tag data with every client request

there is my code,
if(data.country_name == 'India'){
$('.fact').append("<h2 id='india'>Fact about India</h2>");
$('.fact').append("<p>The world's highest cricket ground is in Chail, Himachal Pradesh. Built in 1893 after leveling a hilltop, this cricket pitch is 2444 meters above sea level.</p>");
$(.fact).append('<p>2</p>')
$(.fact).append('<p>3</p>')
$(.fact).append('<p>4</p>')
console.log('this a india');
} else if(data.country_name == 'Turkey'){
$('.fact').append("<h2 id='turkey'>Fact about Turkey</h2>");
$('.fact').append('<p>The story of Santa Claus originated in Turkey</p>');
}else if(data.country_name == 'Russia'){
$('.fact').append("<h2 id='russia'>Fact about Russia</h2>");
$('.fact').append('<p>Russia is home to some 20 percent of the world’s trees, and one-fifth of the world’s freshwater is in Lake Baikal.</p>');
}
now, if I add 4 <p> for India's fact in the class='fact', so whenever the client location is India, it needs to show 1 random <p> from the if statement
anyone can help, I make it complicated, I know it may be too simple!!

Just set up your facts as an array and use Math.random() with Math.floor() to pick a random one
if(data.country_name == 'India'){
$('.fact').append("<h2 id='india'>Fact about India</h2>");
let facts = [
"The world's highest cricket ground is in Chail, Himachal Pradesh. Built in 1893 after leveling a hilltop, this cricket pitch is 2444 meters above sea level.",
"fact2",
"fact3",
"fact4"];
$('.fact').append('<p>' + facts[Math.floor(Math.random()*facts.length)] + '</p>')
console.log('this a india');
// ...

You can cut down a lot of code repetition by adding some structure to the data in an object or array and look up what you need based on data.country.name
Something like:
const countries = {
'India': {
id: 'india',
title: 'Facts about India',
facts: ['I-1','I-2', 'I-3','I-4']
},
'Turkey': {
id: 'turkey',
title: 'Facts about Turkey',
facts: ['T-1','T-2', 'T-3','T-4']
}
}
const item = countries[data.country_name],
fact = item.facts[Math.floor(Math.random()*item.facts.length)],
$head = $('<h2>',{id: item.id, text: item.title}),
$p = $('<p>',{text: fact));
$('.fact').append($head, $p);

DataTables - oLanguage.sInfo issue

I have a problem with Datatables oLanguage.sInfo. When there are more than 999 entries, the variable TOTAL is wrong.
The main problem is that there is a string undefined inserted.
Eg, it shows not 1 to 50 of 5,601 entries but 1 bis 50 von 5undefined601
$.extend(
$.fn.dataTable.defaults,
{ "oLanguage": { "sInfo": "START bis END von TOTAL Einträgen", ...
}
});
DataTables 1.10.7
More details: http://debug.datatables.net/iqifax

I found how to fix this:
"oLanguage": {
"sThousands": ".",

javascript - replace from A to B [closed]

As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.
Closed 9 years ago.
I'm trying to make a chrome extension to replace comments of known trolls in a forum by silence.
is there a way to tell .replace to replace text from a startpoint to an endpoint?
i.e.: replace text starting with 'Name' until 'end of post' by ""
thanks in advance
edit:
to meet the comments:
walk(document.body);
function walk(node)
{
var child, next;
switch ( node.nodeType )
{
case 1: // Element
case 9: // Document
case 11: // Document fragment
child = node.firstChild;
while ( child )
{
next = child.nextSibling;
walk(child);
child = next;
}
break;
case 3: // Text node
handleText(node);
break;
}
}
function handleText(textNode)
{
var v = textNode.nodeValue;
var regexReplace = "Name of troll(.*)"
v = v.replace(new RegExp(regexReplace), '');
textNode.nodeValue = v;
}
this is what the html looks like:
class="up" style="padding-left: 14px" id="pid_31519766" data-pid="31519766"><div class="posting08 ch_wissenschaft"><div class="thread" style="width: 505px" id="t31519766" data-pid="31519766"><div class="row1"><div class="l" style="width:336px "><a class="offset" name="pid31519766"></a><div class="uname" style="max-width:277px "><a rel="nofollow" href="/Userprofil/ByPosting/31519766">NAME OF TROLL</a></div><div class="utools"><a rel="nofollow" class="follow" onclick="STD.FollowingRelationships.followUser(31519766,1363710557719,escape('Orakel von Silesia'))" title="Mitposter von „NAME OF TROLL” werden. „NAME OF TROLL” hat 7 Mitposter.">7</a></div></div><div class="r"><a class="std-button rate p" title="Sehr lesenswert" rel="nofollow" onclick="STD.Forum.rate('31519766',1);">+</a></div><div class="r"><a class="std-button rate n" title="Nicht lesenswert" rel="nofollow" onclick="STD.Forum.rate('31519766', 0);">-</a></div><div class="r rating"><span class="l counter n">14</span><span class="l bar"><span class="wrapper"><span class="n"></span><span class="p"></span></span></span><span class="l counter p">1</span></div><div class="clear"></div></div><div class="row2"><div class="l date" data-timestamp="11.5.2013 15:08:13"><span class="absolute">11.5.2013, 15:08</span><span class="relative"></span></div><div class="r a"><a rel="nofollow" title="Klicken Sie hier, wenn Sie auf dieses Posting antworten möchten." class="onclick" onclick="STD.Forum.post({action: 'reply', id: '31519766', trigger: this}); return false;">antworten</a></div><div class="r p"><a rel="nofollow" title="Mit diesem Link können Sie die URL des Postings aufrufen." href="/plink/1363710557719/31519766">permalink</a></div><div class="r m"><a rel="nofollow" title="Melden Sie Postings an die Redaktion, wenn diese den Community Richtlinien widersprechen." onclick="STD.Forum.report('31519766');">melden</a></div><div class="clear"></div></div></div><div
class="txt" style="width: 505px">
POST I WANNA GET RID OF
</p></div></div></div><div

You could use replace with a regex:
General case (fiddle here):
function escapeRegExp(str) { return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&"); }
var A = 'AAA'; // string A
var B = 'BBB'; // string B
var testStr = "BEFORE AAA WILL BE REMOVED BBB AFTER CCC BBB again DDD"; // string to be replaced
var stopAtFirstBMatch = testStr.replace(new RegExp(escapeRegExp(A)+'(.*?)'+escapeRegExp(B)), '');
console.assert(stopAtFirstBMatch == "BEFORE AFTER CCC BBB again DDD");
var stopAtLastBMatch = testStr.replace(new RegExp(escapeRegExp(A)+'(.*)'+escapeRegExp(B)), '');
console.assert(stopAtLastBMatch == "BEFORE again DDD");
Your case (fiddle here):
The regex Name(.*?)end of post will match anything starting from 'Name' to the first 'end of post' it finds. ((.*?) is a non-greedy match everything);
In case you mean end of post is the actual end of post, you can use Name(.*) as the regex. It will match every text starting with Name.
var strTest = "Hello my Name is this thal go away until the end of post problem goes away."
var regexEndOfPost = "Name(.*?)end of post"
// alerts: 'Hello my problem goes away'
alert(strTest.replace(new RegExp(regexEndOfPost), ''));
var regexNameToEnd = "Name(.*)" // in case you want from 'Name' to the end of the string
console.log(strTest.replace(new RegExp(regexNameToEnd), ''));
// alerts: 'Hello my '
alert(strTest.replace(new RegExp(regexNameToEnd), ''));

Function not working properly. Please help

Hello I'm having trouble with the function setUpTranslation().
//The purpose of this function is to place the French phrases into the document and set up the event handlers for the mousedown and mouseup events.
//These are the arrays of the French phrases and English phrases that I have do place into the document:
var english = new Array();
english[0] = "This hotel isn't far from the Eiffel Tower.";
english[1] = "What time does the train arrive?";
english[2] = "We have been waiting for the bus for one half-hour.";
english[3] = "This meal is delicious";
english[4] = "What day is she going to arrive?";
english[5] = "We have eleven minutes before the train leaves!";
english[6] = "Living in a foreign country is a good experience.";
english[7] = "Excuse me! I'm late!";
english[8] = "Is this taxi free?";
english[9] = "Be careful when you go down the steps.";
var french = new Array();
french[0] = "Cet hôtel n'est pas loin de la Tour Eiffel.";
french[1] = "A quelle heure arrive le train?";
french[2] = "Nous attendons l'autobus depuis une demi-heure.";
french[3] = "Ce repas est délicieux";
french[4] = "Quel jour va-t-elle arriver?";
french[5] = "Nous avons onze minutes avant le départ du train!";
french[6] = "Habiter dans un pays étranger est une bonne expérience.";
french[7] = "Excusez-moi! Je suis en retard!";
french[8] = "Est-ce que ce taxi est libre?";
french[9] = "Faites attention quand vous descendez l'escalier.";
//function I'm having trouble with
function setUpTranslation(){
var phrases = document.getElementByTagName("p");
for (i =0; i<phrases.length; i++){
phrases[i].number =i;
phrases[i].childNodes[1].innerHTML =french[i];
phrases[i].childNodes[1].onmousedown =function(){
swapFE(event);
phrases[i].childNodes[1].onmouseup =function(){
swapEF(event);
};
};
}
//Below are the other two functions swapFE() and swapEF(). The purpose of the function swapFE() is to exchange the French phrase for the English translation
//The purpose of the function swapEF() is to exchange the English translation for the French phrase.
function swapFE(e){
var phrase =e.srcElement;
var parent =phrase.parentNode;
var idnum =parent.childNodes[0];
var phrasenum =parseInt(idnum.innerHTML)-1;
phrase.innerText =english[phrasenum];
}
function swapEF(e){
var phrase =e.srcElement;
var parent =phrase.parentNode;
var idnum =parent.childNodes[0];
var phrasenum =parseInt(idnum.innerHTML)-1;
phrase.innerText =french[phrasenum];
}
//Not sure if these are right. Thanks in advance!

Assuming that your HTML looks like this
<p><span>1</span><span></span></p>
<p><span>2</span><span></span></p>
...
<p><span>10</span><span></span></p>
Then all you need to do is to add the curly bracket after swapFE(event); (points for Mr Plunkett) and replace getElementByTagName with getElementsByTagName (you're missing an 's' in there).
One additional thing to note: If the English phrase is shorter than the French, the container might shrink when the onmousedown event fires. If this shrinkage causes the mouse cursor to be positioned outside the container, the subsequent onmouseup event will not be triggered. Of course, if you are using block elements (e.g. a <div>) instead of my assumed <span>, that likely isn't an issue. In any case, it's probably better to attach the event listeners to the <p> tags instead.