I am working with an array that contains letters from A to H. However, when using a random number generator, I have noticed that the letters A and H are rarely selected. How can I adjust my approach to make sure these two bounds are included more often?
var allowedLetters = ["A","B","C","D","E","F","G","H"];
var i = Math.round(Math.random() * (allowedLetters.length - 1));
var letter = allowedLetters[i];
console.log(letter)let randomNumber = Math.floor(Math.random() * (allowedLetters.length - 1));
Since the first and last elements have a range of 0.5, while all others have 1, it might be better to use:
let randomNumber = Math.floor(Math.random() * allowedLetters.length);
This way, all elements will have equal distribution.
round function is incorrect in this scenario, as it splits the random values unevenly between lower and upper indexes.
var values = ["A", "B", "C", "D", "E", "F", "G", "H"],
index,
count = {},
i = 1e6;
while (i--) {
index = Math.round(Math.random() * (values.length - 1));
count[values[index]] = (count[values[index]] || 0) + 1;
}
console.log(count);A better approach would be to use Math.floor with the full length of the array as a factor.
var values = ["A", "B", "C", "D", "E", "F", "G", "H"],
index,
count = {},
i = 1e6;
while (i--) {
index = Math.floor(Math.random() * values.length);
count[values[index]] = (count[values[index]] || 0) + 1;
}
console.log(count);const allowedLetters = ["A","B","C","D","E","F","G","H"];
let calledTimes = [0,0,0,0,0,0,0,0];
let i = 0;
while (i++ < 100000) {
calledTimes[Math.round(Math.random() * (allowedLetters.length - 1))]++;
}
console.log(calledTimes);This issue arises due to the specifics of Math.round. It is recommended to use Math.floor instead:
const allowedLetters = ["A","B","C","D","E","F","G","H"];
let calledTimes = [0,0,0,0,0,0,0,0];
let i = 0;
while (i++ < 100000) {
calledTimes[Math.floor(Math.random() * allowedLetters.length)]++;
}
console.log(calledTimes);I am trying to retrieve the mouse position on my HTML page, but I am encountering some issues. Here's what I have so far: document.onclick = function(click) { if (click.clientX<340){ myControl.inputs.selection = false; btnRotate.remove ...
For my latest project, I am creating a blog using react, next.js, and json-server. The blog is coming along nicely with dynamically loaded blog posts and UI elements. However, I've hit a roadblock when it comes to loading comments dynamically. The sp ...
While I have experience with unit tests using Karma, my office is now interested in integration tests, specifically to test cross-browser capabilities. Protractor seemed like the best option for this, so I began working on some basic dashboard tests. Howev ...
Within Angular 5, I am utilizing an *IF-else statement to determine if the authorization value is true. If it is true, then template 2 should be rendered; if false, then template 1 should be rendered. Below is the code snippet: <div *ngIf="authorized; ...
I am looking for a way to insert new data into a Kendo grid, but I want the added row to have a custom class so that I can style it with a different background color. How can I achieve this? I have searched through all the documentation but couldn't f ...
I am looking to implement a feature that allows users to choose a specific region on an image using jQuery. The functionality should be similar to the tagging feature on Facebook, but with the added bonus of being able to rotate and scale the selected area ...
Forgive my lack of knowledge, but I'm really trying to grasp the differences between Node.js and Backbone.js. I believe I'm getting there, but could someone confirm this or guide me in the right direction? Node.js is a platform that can handle H ...
I need some assistance with calling a method that is declared like an object in the following code. What approach should I take to call the function properly? var draw = function() { anotherFunction(); } draw(); Upon execution, an error stating "Typ ...
I am trying to incorporate CKEDITOR into my project. I have added the ckeditor script in the footer and replaced all instances of it. <script src="<?= site_url('theme/black/assets/plugins/ckeditor/ckeditor.min.js') ?>" type="text/javasc ...
Being relatively new to node.js and sails, I find it quite easy to work with and enjoy it :) Currently, I am using the sails Framework version 0.10rc3 with MongoDB and sails-mongo. I understand that the contributors of waterline do not particularly like e ...
Trying to solve the challenge of creating a fullscreen slider similar to the one described in this question, I created a jsfiddle (currently on hold) Despite knowing that scrolling too fast causes bugs and that scrolling both ways has the same effect, m ...
Can someone help me with aligning different images of varying widths but the same height inline with text next to each image? I tried to do it, but it doesn't look good on responsive screens. Any suggestions on how to fix this? And if there's a b ...
As I scoured through various resources looking for solutions to issues similar to mine, I stumbled upon numerous helpful insights. However, after going through approximately 15 of them, I hit a roadblock in finding someone who has encountered the exact sam ...
I'm currently dealing with a performance challenge in one of my React applications. What are some best practices to enhance the responsiveness of the User Interface? One approach could be to minimize the usage of conditional expressions like { carIsR ...
My application features a form where users can fill out their starting point and choose from 350 possible destinations to get directions using Google Maps. Users can select their destination by either clicking on a pin on the map or choosing from a drop-do ...
When using *ngFor, I am facing an issue with fetching data from my component.ts to my component.html Interestingly, the same method works for one class but not for another. Let's take a look at my service class: export class FoodListService { priv ...
I am currently referencing their documentation found at this link in order to customize default Paper component properties. Below is the code snippet I have: import { styled } from '@mui/material/styles'; import { Modal, Button, TextField, Grid, ...
I have two buttons with alert functions assigned to each. I want the function on the first button to only work when that button is clicked, and not work if the second button has been clicked. Below is the code I've tried, but it's not functioning ...
I have a question regarding the challenges of using localStorage for performance reasons and any potential workarounds. From what I gather, once a reference to localStorage is detected on a page (at compile time?), it blocks the thread to read data from di ...
I'm currently trying to implement a feature in Vue.js where images switch on click. The functionality I'm aiming for is as follows: Upon initial load, the image displays in black, then upon clicking/selecting it, the image transitions into a blu ...