Category: javascript

different ways to use API Keys to gain access to secured data?
i have tried the following code by adding my API key to the URL, and i was wondering if there more ways to do this.

let url:"https://newsapi.org/v2/everything?q=Apple&from=2022-03-07&sortBy=popularity&apiKey02b43b959f494dd6a6e7195a7a43fe02";

let req = new Request(url);

fetch(req)
.then(function(response) {
    console.log(response.json());
})

I have a component called Login.js There I import Axios libray normal way and it works like this.

import axios from 'axios';

const data = await axios.post('/user/login/', {
        email: e.email,
        password: e.password,
      });

Getting 404 is fine because I didn’t set any base URL for the Axios. Please note all the requests, response headers here.

Then I try to created Axios instance inside a lib folder and import it like this

/src/lib/axios.js

import axios from "axios";

const baseUrl = process.env.REACT_APP_BE_URL;

const axiosInstance = axios.create({
  baseURL: baseUrl,
});

export default axiosInstance;

I import this instance instead of normal Axios import.

import axios from 'libs/axios';

Now I see the request like this a lot of properties missing in the request and this isn’t working

How do I fix this?

Any help thanks in advance.

I’ve created just a simple code to simulate a virtual store with HTML, Web SQL & Javascript language and my question is: Is it possible to get a variable or localStorage value to insert in a Web SQL code?

I just need to change the code number “100013” below by a variable or localStorage item.

var bdd = openDatabase("bdLojaVirtual", "2.0", "LojaVirtual", 2000000);
var mostrar;

var button = document.getElementById("pesquisar");
button.onclick = function consultarProduto() {
    var produto = document.getElementById("codigo").value;
    produto = produto;
    localStorage.setItem("Item selecionado", produto);
}

bdd.transaction(function (selecionar) {
    var produto = localStorage.getItem("Item selecionado");
    selecionar.executeSql ('SELECT nome FROM produto WHERE codigo = 100013', [], 
    function (selecionar, results) {
    var len = results.rows.length, i;
       for (i = 0; i < len; i++) {
           mostrar = "<p><b>" + results.rows.item(i).nome + "</b></p>";
           document.querySelector('#aqui').innerHTML += mostrar;
       }
     }, null);
 });

The whole project is at https://github.com/jmlJunior/portifolioPessoal

I am trying to scrape one website that has some of the weirdest security I’ve ever seen.

Even when I’m sending a request with matching headers to the ones from the browser, a request that you simply can not distinguish from a browser it instead responds with some random array of bytes, when on browser it works just fine.

I’ve tried other browsers, even Postman worked with the right headers, but the request does not work on JS/Python/Golang.

Can anyone explain how in the hell can a website differentiate if I’m sending a request from the browser or a programming language. How is this possible? I’ve made a simple server just to see if there was ANY kind of difference between a python request and a browser request and was unsuccessful.

I’m creating a website with symfony 4 my website containts an event table, the events are displayed in a fullcalendar but the problem is when I drag and drop an event the date didn’t change in the database.

    <?php

namespace AppController;

use DateTime;
use Exception;
use SymfonyBundleFrameworkBundleControllerAbstractController;
use SymfonyComponentHttpFoundationResponse;
use SymfonyComponentRoutingAnnotationRoute;
use AppRepositoryEvenementsRepository;
use AppEntityEvenements;
use SymfonyComponentHttpFoundationRequest;

class ApiController extends AbstractController
{
    /**
     * @Route("/api", name="api")
     */
    public function index(): Response
    {
        return $this->render('api/index.html.twig', [
            'controller_name' => 'ApiController',
        ]);
    }

    /**
     * @Route("/api/{id}/edit", name="app_api_edit", methods={"PUT"})
     * @throws Exception
     */
    public function majEvent(?Evenements $calendar, Request $request): Response
    {
        $donnees = json_decode($request->getContent());

        if(
            isset($donnees->libelleE) && !empty($donnees->libelleE) &&
            isset($donnees->dateDE) && !empty($donnees->dateDE) &&
            isset($donnees->dateFE) && !empty($donnees->dateFE)&&
            //isset($donnees->capaciteE) && !empty($donnees->capaciteE)&&
            isset($donnees->descriptionE) && !empty($donnees->descriptionE)&&
            isset($donnees->espaceE) && !empty($donnees->espaceE)
            //isset($donnees->etatEV) && !empty($donnees->etatEV)

        ){

            $code = 200;

            if(!$calendar){

                $calendar = new Evenements;

                $code = 201;
            }
            $calendar->setLibelleE($donnees->libelleE);
            //$calendar->setCapaciteE($donnees->capaciteE);
            $calendar->setDescriptionE($donnees->descriptionE);
            $calendar->setEspaceE($donnees->espaceE);
            //$calendar->setEtatEv($donnees->etatEV);
            $calendar->setDateDE(new DateTime($donnees->dateDE));
            $calendar->setDateFE(new DateTime($donnees->dateFE));

            $em = $this->getDoctrine()->getManager();
            $em->persist($calendar);
            $em->flush();

            // On retourne le code
            return new Response('Ok', $code);
        }else{
            // Les données sont incomplètes
            return new Response('Données incomplètes', 404);
        }



        return $this->render('api/index.html.twig', [
            'controller_name' => 'ApiController',
        ]);
    }
}

andthis is a second controller

    <?php

namespace AppController;

use SymfonyBundleFrameworkBundleControllerAbstractController;
use SymfonyComponentHttpFoundationResponse;
use SymfonyComponentRoutingAnnotationRoute;
use AppRepositoryEvenementsRepository;
use AppEntityEvenements;
use SymfonyComponentHttpFoundationJsonResponse;
class CalendarController extends AbstractController
{
    /**
     * @Route("/calendar", name="app_calendar")
     */
    public function index(EvenementsRepository $calendar): Response
    {
        $events = $calendar->findAll();
        $rdvs = [];
        foreach($events as $event){
            $rdvs[] = [
                'id' => $event->getId(),
                'title' => $event->getLibelleE(),
                'start' => $event->getDateDE()->format('Y-m-d H:i:s'),
                'end' => $event->getDateFE()->format('Y-m-d H:i:s'),
                'description' => $event->getDescriptionE(),
                'espace' => $event->getEspaceE(),
                //'capacite' => $event->getCapaciteE(),
                //'etat' => $event->getEtatEv(),
            ];
        }
        $data = json_encode($rdvs);
        return $this->render('calendar/index.html.twig', compact('data'));
    }
}

this is my twig page it contains the calendar and soe events displayed

    {% extends 'base.html.twig' %}

{% block title %}Calendrier{% endblock %}
{% block stylesheet %}
    <style>
        #calendrier{
            width: 80%;
            margin: auto;

        }
    </style>
{% endblock %}
{% block body %}

    <div class="container">
        <div id="calendrier">

        </div>
    </div>
{% endblock %}
{% block javascripts %}
    <script>

        window.onload = () => {
            let calendarEl = document.querySelector("#calendrier");
            let calendar = new FullCalendar.Calendar(calendarEl, {
                initialView: 'dayGridMonth',
                locale: 'fr',
                timezone: 'Europe/paris',
                headerToolbar: {
                    start: 'prev,next today',
                    center: 'title',
                    end: 'dayGridMonth,timeGridWeek'
                },
                events : {{ data|raw }},
                editable : true,
                eventResizableFormStart : true
            })

            calendar.on('eventChange', (e) => {
                let url = `/api/${e.event.id}/edit`
                let donnees ={


                    "title": e.event.title,
                    "start": e.event.start,
                    "end": e.event.end,
                    //"capacite": e.event.capacite,
                    "description": e.event.extendedProps.description,
                    "espace": e.event.extendedProps.espace
                    //"etat":e.event.editable.etat,

                }
                let xhr = new XMLHttpRequest

                xhr.open("PUT", url)
                xhr.send(JSON.stringify(donnees))
            })
            calendar.render()
        }

    </script>
{% endblock %}

I’m adding an event-handler by using

window.addEventListener('keydown',mainf); 

and in a child-span element inserted later using innerHTML= I have an inline eventhandler like

<span id="closeLink" onkeypress="this.onclick(event);" tabindex="1" onclick="closef(event);">Close</span>

If I use the tab key to put the focus on the span-element and hit the Enter-key, the console-output in the functions mainf and closef show that closef is called after mainf, though closef-event-phase shows 2,but mainf-event-phase shows 3.

mainf event.target.id is closeLink 
mainf current event.eventPhase: 3

closef event: keypress { target: span#closeLink, key: "Enter", charCode: 0, keyCode: 13 }
closef current event.eventPhase: 2

So, are inline attached events always checked after events added by addEventListener in html/javascript?

I’m using Firefox 91.3

Im building an automatic pagination calculator that calculates offset and range according to user input. A very simple task but my algorithm is off. You can try this by entering any number and you will see the numbers do not completely add up. How can I make this work?

//event listener
var button = document.getElementById('submit');

//click
button.addEventListener('click',function(){
  
//div results  
var results = document.getElementById('results');
  
//clear div before appending
results.innerHTML= '';

//grab value
var total_items = document.getElementById('total_items').value;//331165139
var per_page =  document.getElementById('items_per_page').value;

//total pages
var total_pages = Math.ceil(total_items/per_page);

//iterate over pages
for(var x = 0; x<total_pages; x++){

//get page
var page = x+1;

//offset
var offset = (per_page * page) - per_page;

//range from
var from = ((page - 1) * per_page) + 1 ;

//range to
var to = per_page * page
var range = from + ' - ' + to;

//creating divs
var newDiv = document.createElement('div');
newDiv.innerHTML =  'page : ' + page + ' | offset : ' + offset + ' | range : ' + range + ' | total : ' + (to-from);
results.appendChild(newDiv);
 
}

})

<h3>Pagination Calculator</h3>
<hr>
<p>Calculates pagination automatically in the console</p>
<p>*Pop open the console</p>
<hr>
<label>total items </label>
<input id="total_items">
<label>limit per page</label>
<input id="items_per_page">
<button id="submit">Submit</button>
<hr>
<div id="results"></div>

<b-input-group :prepend="$t('Vendor') + ' : '">
  <b-form-input
     list="vendor-list-id"
     v-model="cur_vendor"
     @change="find_vendor_id"
     autocomplete="off"
  ></b-form-input>
  <datalist id="vendor-list-id">
    <option></option>
    <option
       v-for="vendor in vendor_cname_list"
       :key="vendor"
       :value="vendor"
    >
       {{ vendor }}
    </option>
  </datalist>
</b-input-group>

The above code will create an input group, but the right border disappears. Strangely, if I append a space at the end of <b-input-group> the border will show again, as such

<b-input-group :prepend="$t('Vendor') + ' : '" append=" ">
  <b-form-input
     list="vendor-list-id"
     v-model="cur_vendor"
     @change="find_vendor_id"
     autocomplete="off"
  ></b-form-input>
  <datalist id="vendor-list-id">
    <option></option>
    <option
       v-for="vendor in vendor_cname_list"
       :key="vendor"
       :value="vendor"
    >
       {{ vendor }}
    </option>
  </datalist>
</b-input-group>

Anyone know what is causing this behaviour? And how to fix it? Thank you!

I need to write an algorithm that will loop through an array of numbers and check them against a value to distribute a set of numbers to x, y, z making sure in the end the total the sum of x,y and z is the same is total.

//If the total which is 909 is divided by 3, then 303 is evenly distributed to x, y and z. However, 303 cannot be distributed evenly since the amount that needs to be distributed is based on each number in the unique_set.
//Looping through the unique_set array, I need to check each number against the total (909) and check how many times that number can be used to ensure the total for x, y and z is as close as possible. Please see example below: 
//x=317 (50 + 167 + 50 + 50)
//y=292 (167 + 75 +25 + 25)
//z=300 (50 + 25 + 50 + 25 + 75 + 50 + 25)
//x + y + z = 909//which is  the total

const arr_list  = [50,50,25,167,167,50,25,50,75,75,25,50,25,50,25]

const unique_set = [50,25,167,75]//unique set after removing duplicates from arr_list

let total = 0 //total is 909 after looping through arr_list
let x = 0;
let y = 0;
let z = 0;

for(let i of arr){
 total += i
}

Apologies if some of my wording is poor as this is my first post here. I’m trying to create buttons that give an alert when clicked, using Javascript. I’m also trying to avoid using inline JS in the HTMl document. Below is how my code looks, which is giving me an Uncaught TypeError: userSelection.addEventListener is not a function.

const userSelection = document.querySelectorAll('button');
userSelection.addEventListener('click', () => {
   alert('You clicked a button!');
}

Here is what the section of my HTML I’m trying to target looks like:

<button class='rock">Rock!</button>
<button class="paper">Paper!</button>
<button class="scissor">Scissors!</button>

I have a JavaScript script that uses robotJS to find the color of pixels on the screen. I have created a test function that uses the current position of the mouse to read the color of pixels and display them to the console as hexadecimal. It seemed to work at first. It was displaying different colors of gray. Since I am using VS Code, the color scheme of it is mostly different shades of gray. Then I placed my mouse over the color blue it displayed a gray result. As I kept testing different colors I found that it seemed to only display the colors of the window I entered the command on.

Here is the test function:

function findCurrentMouseColor(img) {
    for(i = 0; i < 1000; i++) {
        let mouseX = robot.getMousePos().x
        let mouseY = robot.getMousePos().y
        let mouse_color = img.colorAt(mouseX, mouseY)
        console.log("Mouse color: " + mouse_color)
    }
}

Here is my main function

function main() {
    sleep(5000) //gives me time to move to a different window where there are multiple different colors other than gray

    let img = robot.screen.capture(0, 0, 1920, 1080)

    findCurrentMouseColor(img)
}

Here are my results:

Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: c4c4c4
Mouse color: c4c4c4
Mouse color: c4c4c4
Mouse color: c4c4c4
Mouse color: c4c4c4
Mouse color: c4c4c4
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cccac2
Mouse color: cccac2
Mouse color: c1b885
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: c1b04f
Mouse color: d7c458
Mouse color: d7c458
Mouse color: d7c458
Mouse color: ffe869
Mouse color: ffe869
Mouse color: ffe869
Mouse color: ffe869
Mouse color: f2dd63
Mouse color: f2dd63
Mouse color: f2dd63
Mouse color: f2dd63
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: cac5ad
Mouse color: cac5ad
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: c9c4a5
Mouse color: bfae4e
Mouse color: bfae4e
Mouse color: ffe869
Mouse color: cccbc7
Mouse color: cccbc7
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cbcbcb
Mouse color: cbcbcb
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cacaca
Mouse color: cacaca
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cacaca
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: c7c7c7
Mouse color: c7c7c7
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cacaca
Mouse color: cacaca
Mouse color: cacaca
Mouse color: cacaca
Mouse color: cacaca
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: c7c7c7
Mouse color: c7c7c7
Mouse color: c7c7c7
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cccccc
Mouse color: cccccc
Mouse color: cccccc
Mouse color: c7c7c7
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: c8c8c8
Mouse color: c8c8c8
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: c9c9c9
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: c7c7c7
Mouse color: c7c7c7
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cccccc
Mouse color: cccccc
Mouse color: cccccc
Mouse color: cccccc
Mouse color: cccccc
Mouse color: cccccc
Mouse color: cccccc
Mouse color: cccccc
Mouse color: cccccc
Mouse color: cccccc
Mouse color: c7c7c7
Mouse color: c7c7c7
Mouse color: c7c7c7
Mouse color: c7c7c7
Mouse color: c7c7c7
Mouse color: c7c7c7
Mouse color: c7c7c7
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd
Mouse color: cdcdcd

So say i have an Array that contains two Arrays so what i want is to use the map method but not like in the traditional way:

const array = [[1,3,5],[2,4,6]];

// use map method to output [1,2,3,4,5,6]

could i achieve that?

If I write a 50 line code in 200 lines, does it mean I’m not that good of a programmer? Alternatively, does it mean the guy who writes it in 50 lines is a better programmer than me?

I have an array, filled with objects, retrieved from database
I want to get the value of a property of an object within all indexes

let’s say myArray is the array containing the objects

exp:

const a = myArray[].propertyOfObject;

I have a service that lists dozen of items with appropriate links to them and I wanted to see about adding a function that allows users to open all of these with a single click.

Currently its a simple window.open call with unique name but the browser pop-up blocker catch these and simply block the call for these (tho they do open the last one). Is there a way to hint to the browser that this is a legit call from a user without adding a lengthy explainer that the user will need to tell their pop-up blocker to pipe down before this would actually work?