Different function generated each time the page is loaded

Here are a few functions at your disposal:

fbFetch();
fbFetch1();
fbFetch2();
fbFetch3();
fbFetch4();

My goal is to activate a random function when the page loads.

Answer №1

const functions = [fetchData1, fetchData2, fetchData3 /* ...and so on */]
const chosenFunction = Math.floor(Math.random() * functions.length);
document.body.addEventListener("load", functions[chosenFunction], false);

Answer №2

Store various functions in an array and execute one randomly:

let funcArray = [];
funcArray.push(fetchData);
funcArray.push(fetchData1);
//...

let randomIndex = parseInt(Math.random() * funcArray.length);
funcArray[randomIndex]();

Answer №3

Organize functions within an array and trigger them using the Math.random method.

var arr = ['functionOne();','functionTwo();','functionThree();','functionFour();','functionFive();'];
var randomIndex = Math.floor(Math.random() * 6) + 1;

$(document).ready(arr[randomIndex]());

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Instantly magnifying on the initial point regardless of the zoom type chosen is a feature of Chart.js zoom

Despite adding zoom functionality to my line chart, I am facing an issue where it automatically zooms in to the first point and does not allow me to zoom back out, except for using the reset zoom function. The zoom out function is also not working properly ...

Is there a way to successfully integrate a JavaScript file that has been downloaded from `npm` or `yarn` into a web client or

Currently, I am following a guide titled "Headless Drupal with React" on Medium. The tutorial itself does not address my specific questions. In the tutorial, it demonstrates importing React and ReactDOM directly from CDN in the .html file. My query revolv ...

The dropdown items in the Tailwind menu fail to pop out from the React Next.js card component

My dropdown menu component, called DropdownWithSearch, is encountering an issue where it opens inside the card component (UserAssignForm) instead of popping out as expected. You can view the problem here. The DropdownWithSearch component import { Menu, Tr ...

The data from the AJAX response is not appearing on the HTML table within the modal using jQuery

I have a link that, when clicked, opens the modal and calls the ajax method. The modal opens and the ajax method retrieves the response data successfully, but the data is not displayed within the table on my modal. I have tried multiple approaches, but non ...

Issues with the navigator.contacts.find function occurring when using cordova or phonegap

I am attempting to retrieve the contacts stored on a mobile device. The code snippet I am using is not functioning as expected - specifically, the navigator.contacts.find method isn't producing any outcomes. There are no error messages or success conf ...

Is there a way to retrieve an ASP element with runat="server" using JavaScript?

It appears that many people are engaging in this practice (within code posts and the like)...but unfortunately, I'm at a loss. :( Every time I attempt to alter an asp element using JavaScript, I am met with an error message stating ""element is ...

retrieve the responseText in an ajax request

I am looking to receive Ajax feedback. var response = $.ajax({ url : 'linkAPI', type : 'get', dataType: 'JSON' }); console.log(response); Only the respo ...

Ways to check the real-time online status of users on my website

I am looking to show which users are currently online in real-time on my website, similar to a chat module. Below is the script I am using to achieve this. HTML: <body onbeforeunload="Unload();" onmousedown="checkfunction();"> </body> Javas ...

Consider also scaling in relation to the vertical aspect

.container { width: 250px; height: 250px; resize: both; overflow: auto; border: 1px dashed black; } .child { position: relative; max-width: 300px; max-height: 150px; background-color: blue; color: red; aspect-ratio: 2 / 1; } <div ...

Muddled understanding concerning the utilization of ng-options

I am struggling with ng-options, as I have created a dropdown from an array defined in my controller. Below is my HTML code: <div ng-app> <div ng-controller="testCtrl"> <select multiple="multiple" ng-model="first" ng-options="c.name fo ...

There was a problem accessing the website

Recently, I tried to access a web page from the server using command prompt by following a tutorial on YouTube. However, I encountered an error message while trying to open the page. The specific error is displayed below. Can someone please guide me on res ...

Issue Encountered While Attempting to Show a Div Element within a Function

Check out this HTML code snippet: <div class="div1" id ="div1" onclick="onStepClicked()" style ="text-align:center">Step 1</div> And here is the corresponding Script: function onStepClicked() { var elem = document.getElementById(&apo ...

Mongoose Error: The function 'mongooseSchemahere' is not recognized as a valid function

Here is the mongoose Schema setup in models/user.js: const mongoose = require('mongoose'); const userSchema = mongoose.Schema({ loginId: String, firstname: String, lastname: String, eMail: String, password: String, acti ...

Using json_encode with chart.js will not produce the desired result

I am attempting to utilize chart.js (newest version) to generate a pie chart. I have constructed an array that I intend to use as the data input for the chart. This is the PHP code snippet: <?php if($os != null) { $tiposOs = array('Orçamento ...

How to Execute a PHP Function Using JQuery and Ajax

After browsing various discussions, it's evident that I can utilize Ajax/JQuery to call a PHP function. However, the specifics of this process still elude me. Imagine I have a function called foo() in foo.php that simply attaches 'bar' to a ...

Go back to the previous selection in the Select field if the JavaScript Confirm function returns a false value

I am dealing with an HTML select field that has one option pre-selected. Whenever another option is selected, a change event is triggered which displays a confirmation prompt. What I am trying to achieve is, if the user cancels the confirmation (i.e., if ...

Trigger Knockout bindings once the ajax request has been completed

In the view, I have the following script: <script> MyObj.initModel(getUrl); $(document).ready(function () { ko.applyBindings(MyObj.viewModel, document.getElementById("someId")); ...

"Encountering a problem with the client-session middleware: the value of req.session_state is becoming undefined

I'm facing an issue with client-session middleware in Express. After setting the session_state, it doesn't seem to be accessible when redirecting to a new route. I followed a tutorial on YouTube (client-session part starts at around 36:00) and do ...

Creating a dynamic display of flash files on a webpage through a unique combination of PHP, AJAX, and

Despite my lack of experience with Ajax and minimal java knowledge, I have a strong background in SQL and PHP. Even though I anticipate criticism for this question, I am determined to seek help. My primary objective is to rotate 4 flash SWF files randomly ...

Combining the powers of Nextjs and Vue

Currently utilizing Vue.js, I am now looking to leverage the Next.js framework for its SEO capabilities, server-side rendering features, and other advantages. While I do have some experience with React, my primary focus is on mastering Vue.js. Is it poss ...