Category: javascript

In example – 1 I am getting all the values Entered from the Prompt box.

//Example – 1

<button id="btn">Click Here</button>
    <div id="data1"></div>
    <div id="data2"></div>

  document.getElementById("btn").onclick = () => {

            let cars = new Array(5);

            for(let get = 0 ; get <= 5 ; get++){

                cars[get] = prompt("Enter Any Values");
            }

            for(let show = 0 ; show <= 5 ; show++ ){

                document.getElementById("data1").innerHTML += `You have Entered : ${cars[show]}<br>`;
            }

            document.getElementById("data2").innerHTML = `The Total Values are : ${cars}`;

        }

I am Facing a Problem in Example – 2 .please tell me Where I did wrong. Thank You..!

//Example – 2

<button id="btn">Click Here</button>
    <div id="data1"></div>
    <div id="data2"></div>

 document.getElementById("btn").onclick = () => {

            let cars = new Array(5);

            for(let get of cars){

                cars[get] = prompt("Enter Any Values");
            }

            for(let show of cars){

                document.getElementById("data1").innerHTML += `You have Entered : ${cars[show]}<br>`;
            }

            document.getElementById("data2").innerHTML = `The Total Values are : ${cars}`;

        }

I have that problem: I’m trying to reach the property of on object “user” that I save in localStorage and the browser gives me the error “Cannot read properties of undefined”.
I apply my code

 like(recipe) {
        if (this.favorites.indexOf(recipe) === -1) {
            this.favorites.push(recipe)
        }
        let user = JSON.parse(localStorage.getItem("users"));
        let currFav = user.favorites;
        currFav.push(recipe);
        localStorage.setItem("users", JSON.stringify(user))
    }

I am using Froala, and if I type something through the editor like

here's

..and do an alert on what is returned via the Froala contentChanged function, I get:

here's

Why? and how to fix?

when I finish to get data from my database and I useState setValue and pass the array, render function doesen’t render again.

Code where I setArray

function getNotifiche(){
     onSnapshot(collection(db, "Users",auth.currentUser.uid, "Notifiche"), async (snapNotifiche) => {
            const notifichee = [];
            snapNotifiche.forEach(async notificaDoc => {

                const docRef = doc(db,"Users",notificaDoc.data().Invitato);
                const userData = await getDoc(docRef);

                
                        notifichee.push({
                            "data":notificaDoc.data(),
                            "invitante":userData.data()
                            })
               });
          
            setListaNotifiche(notifichee);

});

This is in the return function:

 {         
        (listaNotifiche.map((notifica,index)=>{
            return(<div key={index}>
                <label>Invitato da {notifica.invitante.Username} in data{new Date(notifica.data.DataInvito.seconds * 1000).toString()}</label>
                <button>Partecipa</button>
                <button>Elimina</button> 
                </div>);
        }))
    }

So I tried also using setListaNotifiche([…notifichee]) but I get the error: TypeError: Cannot read properties of undefined (reading ‘map’)

I’m trying to concatenate a string of <optgroup>s and <option>s based on categories and subcategories.

Currently, I am getting a string that has all the categories first then all of the subcategories. I need it to go category > subcategories for said category etc.

The backend has two tables, main categories, and subcategories.

Subcategory Table
  id
  title
  main_category_id

Main Category Table
  id
  title

In my code below, I am trying to loop through the main categories, adding them to an <optgroup>. Before moving to the next main category, I am getting the subcategories for each and adding them as <option>s.

let select = document.querySelector("#category");
let str = "";

async function getMainCategories() {
    const categoriesURL = "INSERT_URL"
    await fetch(categoriesURL)
      .then(response => response.json())
      .then(async categories => {
      await categories.sort(function(a, b) {
        var nameA = a.title.toUpperCase(); // ignore upper and lowercase
        var nameB = b.title.toUpperCase(); // ignore upper and lowercase
        if (nameA < nameB) {
          return -1;
        }
        if (nameA > nameB) {
          return 1;
        }

        // names must be equal
        return 0;
      }).map(async cat => {
        str += `<optgroup label="${cat.title}">`;
        await getSubcategories(cat.id);
        console.log(str)
        str += '</optgroup>';
      })
    });
    select.innerHTML = "<option disabled selected>Select a category</option>" + str;
}

async function getSubcategories(id) {
    let subcategoriesURL = `INSERT_URL?cat_id=${id}`;

    await fetch(subcategoriesURL)
      .then(response => response.json())
      .then(subcategories => {
      subcategories.sort(function(a, b) {
        var nameA = a.title.toUpperCase(); // ignore upper and lowercase
        var nameB = b.title.toUpperCase(); // ignore upper and lowercase
        if (nameA < nameB) {
          return -1;
        }
        if (nameA > nameB) {
          return 1;
        }

        // names must be equal
        return 0;
      }).map(sub => {
        return str += `<option value="${sub.id}">${sub.title}</option>`;
      })
    });
}
getMainCategories();

When I try to start the debugger it gives me an error because it can’t find the file npm-cli.js which makes sense because it can’t be found where it tries to look for it Uncaught Error: Cannot find module 'C:Program Filesnodejsnode_modulesnpm binnode_modulesnpmbinnpm-cli.js instead it is actually located at: C:Program Filesnodejsnode_modulesnpmbinnode_modulesbinnpm-cli.js.

The problem is that this only happens to me in the debugger and not when I run it from the command line (npm run works fine).

I already tried to reinstall node to the latest version (16), update node_modules with npm i (and ci). Uninstall and reinstall vscode.

Does anyone know how to configure the path for npm-cli or any other solution?

I am trying to read a value from a response object, but this

fetch("https://api.nft.storage/upload", options)
          .then((response) => response.json())
          .then((response) => console.log(response))
          .then((response) => {
            console.log(response.value.cid);
            }

… doesn’t work. Although my console shows the object being sent:

.. I get this error:

Unhandled Rejection (TypeError): Cannot read properties of undefined (reading 'value')

1056 | .then((response) => response.json())
  1057 | .then((response) => console.log(response))
  1058 | .then((response) => {
> 1059 |   console.log(response.value.cid);

I’m working with WordPress/scripts, and I need to do a for loop inside jsx. I did find this post but it is fairly old (7 years). Is the answer still correct today? or are there better solutions?

My Attempt

import { __ } from "@wordpress/i18n";
import { useSelect, useDispatch } from "@wordpress/data";
import { registerPlugin } from "@wordpress/plugins";
import { PluginDocumentSettingPanel } from "@wordpress/edit-post";
import { TextControl, PanelRow } from "@wordpress/components";

class postcodePricingBeDocSidebar {
  constructor() {
    const TextController = (props) => {
      // Get post meta
      const meta = useSelect((select) =>
        select("core/editor").getEditedPostAttribute("meta")
      );

      // Meta prefix
      const metaPrefix = "_postcode_pricing_";

      // Meta fields
      const rows = [
        "outward_code",
        "postal_town",
        "postal_county",
        "auto_1hr",
        "auto_5hr",
        "auto_10hr",
        "auto_weekend_evening",
        "manual_1hr",
        "manual_5hr",
        "manual_10hr",
        "manual_weekend_evening",
      ];

      let metaString = "original";

      for (var i = 0; i < rows; i++) {
        // create meta string
        metaString = metaPrefix + rows[i];
      }

      console.log(metaString);

      const { editPost } = useDispatch("core/editor");

      return (
        <>
          <PanelRow>
            <TextControl
              label={__(rows[i], "postcode-pricing")}
              value={meta}
              onChange={(value) =>
                editPost({
                  meta: { [metaString]: value },
                })
              }
            />
          </PanelRow>
        </>
      );
    };

    const postcodePricingBeDocSidebar = () => {
      // build the panel
      return (
        <PluginDocumentSettingPanel
          name="postcode-pricing"
          title="Area Pricing"
          className="postcode-pricing"
        >
          <TextController />
        </PluginDocumentSettingPanel>
      );
    };

    // render the panel
    registerPlugin("postcode-pricing-be-doc-sidebar", {
      render: postcodePricingBeDocSidebar,
    });
  }
}

export default postcodePricingBeDocSidebar;

Why both object returns in console but only the first has entries?

let obj1 = {
  1: 1,
  2: 2
}

let obj2 = {}

for (let i = 0; i < 2; i++) {
  Object.defineProperty(obj2, i, {
    value: i
  })
}

console.log(obj1);
console.log(Object.entries(obj1));

console.log(obj2);
console.log(Object.entries(obj2));

I’m getting objects from s3 and now I want to show them as thumbnails in my react app, so how can I achieve it?

var params = {
   Bucket: BUCKET_NAME,
   Prefix: 'media',
};
s3.listObjects(params, function (err, data) {
    if (err) console.log(err, err.stack);
    else {
        console.log('objects list', data); // successful response
    }
});

I’m getting the contents in the response but the question is how can I display them in my app?

I can’t call “function” in html onclick, I don’t know why.
tell me how to call “myfunction” when onclick

function commentHtml(data, commentId, userId) {
  function myfunction() {
    console.log("test");
  }
  const comment_text = document.querySelector(".comment_text");
  const comment = comment_text.value;
  const check = data.author._id === userId;
  if (check) {
    return `
        <div class="comment-detail">
            <div class="comment-nickname">${data.author.name}</div>
            <div class="comment-text">${data.content}</div>
            <button class="comment_delete" data-id = ${commentId} onclick="myfunction()" >x</button>
        </div>`;
  }
  return `
        <div class="comment-detail">
            <div class="comment-nickname">${data.author.name}</div>
            <div class="comment-text">${data.content}</div>
            <button class="comment_delete" onclick="myfunction()" style="display: none;">x</button>
        </div>`;
}

Hi, there is there any way to send the data back from the server (php) to js(fetch) witout using json_encode() function of php

My question is very simple : how to add a background color to my card element when the button radio is selected ?

<div class="col-6 col-md-3 mt-4 text-center my-auto">
            <label for="'.$abreviation.'">
                <div class="card card-block d-flex">
                    <div class="card-body align-items-center d-flex justify-content-center">
                        <input type="radio" id="'.$abreviation.'" name="tri" value="'.$abreviation.'" class="check-on" /> '.$tri.'
                    </div>
                </div>
            </label>
        </div>

Is there any way to achieve this with just css or I have to use javascript or jquery ?
I tried to do this but all of the cards are in a red backgroundColor instead of just the card where the radio is selected.

    $(document).ready(function(){

        $(".check-on").click(function(){

          $('.check-on').parent().parent().addClass('backgroundCard') 

        });

    });

Thanks a lot for your help.

When I use GnomeBracks, like the demo, it just keeps getting annoying that there are ALWAYS multiple <head>s. I mean, look, the Chrome DevTools show this nonsense:

And I used 2 new Brack()s. Who does this?

So i’ve been trying to make a discord.js bot when a person with <@discordid> types $whitelist (my ip)
then it changes only the

$ip = array(‘ip address’,);

from the main.php

i’ve been trying to make this for 2 days but im just bad at node.js, pyton and all this stuff, i used to script roblox lua…