Category: javascript

I have a FAQ page on a Shopify site that features an accordion. All works fine with the exception that the first panel of the accordion is open by default and I would like all panels to be closed by default on load. Once it’s loaded, the user can open all if they would like but that should be their choice. They seems to be managed by the following script but I figure out what to change/add/remove in order to have them all closed by default. Any ideas? I’d greatly appreciate it.

<script type="text/javascript">
window.addEventListener('load', function() {
    $("#{{section.id}} .panel-title").click(function() {
        $(this).toggleClass("active");
        $(this).next().slideToggle();
    }); 
   $("#{{section.id}} h4+.accordion-body .panel-title").addClass("active");
});
</script>

The HTML:

<div id="{{section.id}}" class="accordion-list">                        
        {% for block in section.blocks limit: section.blocks.size%}                 
          {% if block.type == 'accordion_title' and block.settings.sectiontitle != blank %}
            <h4>{{block.settings.sectiontitle}}</h4>
          {% endif %}    
          {% if block.type == 'accordion' %}
          <div class="accordion-body">
            <h5 class="panel-title fl f-jcsb j-aic">{{ block.settings.question}}<i class="ad ad-plus-l"></i></h5>
            <div id="{{ block.id }}" class="panel-content">{{ block.settings.answer}}</div>
          </div>
          {% endif %}
        {% endfor %}
      </div>

My network can be seen as a multi-edge directional graph. When I cluster nodes, I want each edge connecting a node-inside the cluster with a node-outside the cluster to be shown. However, the clustering function returns only a single edge for each node-inside/node-outside the network (typically the first one).
See an example here https://jsfiddle.net/o9c62pmk/ and the corresponding code below:

var container = document.getElementById("mynetwork");
var data = {
    "nodes": [
        {
            "id": "pod2",
            "label": "pod2",
            "deployment": "Deployment-1",
            "group": "Deployment-1"
        },
        {
            "id": "pod4",
            "label": "pod4"
        },
        {
            "id": "pod3",
            "label": "pod3",
            "deployment": "Deployment-1",
            "group": "Deployment-1"
        },
        {
            "id": "pod1",
            "label": "pod1"
        }
    ],
    "edges": [
        {
            "id": 0,
            "from": "pod2",
            "to": "pod4",
            "label": "443"
        },
        {
            "id": 1,
            "from": "pod2",
            "to": "pod4",
            "label": "8080"
        },
        {
            "id": 2,
            "from": "pod3",
            "to": "pod4",
            "label": "80"
        },
        {
            "id": 3,
            "from": "pod2",
            "to": "pod3",
            "label": "80"
        },
        {
            "id": 4,
            "from": "pod1",
            "to": "pod4",
            "label": "8080"
        }
    ]
};
var options = { layout: { randomSeed: 8 } };
var network = new vis.Network(container, data, options);
network.on("selectNode", function (params) {
  if (params.nodes.length == 1) {
    if (network.isCluster(params.nodes[0]) == true) {
      network.openCluster(params.nodes[0]);
    }
  }
});

function clusterByDeployment() {
  network.setData(data);
  var clusterOptionsByData = {
    joinCondition: function (childOptions) {
      return childOptions.group === "Deployment-1";
    },
    clusterNodeProperties: {
      id: "cidCluster",
      borderWidth: 3,
      shape: "database",
    },
  };
  network.cluster(clusterOptionsByData);
}

In the example the clustering shows only 1 edge with label “443” whereas there should be 3 edges “443,80,8080”.

I would like to either see the 3 edges or even a single one with an updated label.

What am I doing wrong?

Thanks in advance.

Here is a codepen: https://codepen.io/jon424/pen/XWzGNLe

In this example, if you select the toggle button, the image will be covered by another div. The white square will gradually cover the image from the top of the image to the bottom.

I simply want to reverse this effect. I want the white square to cover the image, moving from the bottom of the image to the top.

I’ve tried using a negative value for max-height in the .covered class, but that wasn’t working. Any idea on how I can go about doing this?

HTML

 <button>Toggle</button>
<div class="parent">
  <img class="child1" src="https://picsum.photos/200/300">
      <div class="child1 child2"></div>
    </div>

CSS

.parent {
    position: relative;
    width: 300px;
    height: 300px;
    margin: 10px;
    overflow: hidden;
}

.child1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.child2 {
    z-index: 1;
    background: #ffffff;
    transition: max-height 1s ease-in-out;
    max-height:100%;
}

.covered {
  max-height: 0px;
}

JS

document.querySelector('.child2').classList.add('covered');

document.querySelector('button').addEventListener('click', () => { document.querySelector('.child2').classList.toggle('covered');});

i’m trying to build a simple function that return only the uncompleted notes into an array with nested objects.

my object looks like:

function uncompletedNotes(notes) {

}

const notes = [
  {
    id: 1,
    description: 'Workout program',
    todos: [
      {
        id: 1,
        name: 'Push ups - 10 x 3',
        done: false
      },
      {
        id: 2,
        name: 'Abdominals - 20 x 3',
        done: true
      },
      {
        id: 3,
        name: 'Tapis Roulant - 15min',
        done: true
      }
    ]
  },
  {
    id: 2,
    description: 'Front-end Roadmap',
    todos: [
      {
        id: 1,
        name: 'Learn HTML',
        done: true
      },
      {
        id: 2,
        name: 'Learn CSS',
        done: true
      },
      {
        id: 3,
        name: 'Learn JavaScript',
        done: true
      },
      {
        id: 4,
        name: 'Learn Angular',
        done: true
      }
    ]
  }
]

const notesInProgress = uncompletedNotes(notes);
console.log('All notes: ', notes);
console.log('Notes In Progress: ', notesInProgress);

i’ve tried so far with notes.map but i do not know the right way to return only the items with flags done: false

Any sources to learn or maybe you can show me some of your works for me to make a simple one myself.

Ex. I am an engineer. Then in the engineer part we can put a reverse typewriter effect and replace it with ex. Student, Teacher etc.

how can i call result of javascript function into another javascript function “Hosted Checkout Integration”

i want call from this function “sessionId”

function getSessionID(){
                axios({
                  method: 'POST',
                  url: 'https://banquemisr.gateway.mastercard.com/api/rest/version/61/merchant/xxxxx_xxx/session',
                  data: JSON.stringify({
                    apiOperation: 'CREATE_CHECKOUT_SESSION',
                    interaction: {
                        operation : "PURCHASE",
                    },
                    order : {
                        amount: function() {
                        //Dynamic calculation of amount
                        return realAmount + commission;
                    },
                        currency: "EGP",
                        description : "Ordered goods",
                        id: idValue,
                    },
                  }),

                auth: {
                    username: "merchant.xxxx_xxx",
                    password: "xxxxxxxxxxxxxxxxxxxxxxxxx"
                },
                crossOrigin: null,
                }).then(function (response) {
                    console.log('Authenticated');
                    localStorage.setItem('sessionId',response.data.session.id)
                    
                 });

into this function

 Checkout.configure({
            session: {
                id : sessionId;
            },
            interaction: {
              operation : "PURCHASE",
                merchant: {
                    name: "xxxxx_xxx",
                    address: {
                        line1: clientAddress1,
                        line2: clientAddress2
                    }
                }
            }
        });

i try to get it by

return getSessionID()

but not words , any Thoughts

I am trying to multiply a number a with b until it reaches a number given c, and store into a variable how many times it has been multiplied

let’s say

a = 1000 b = 0.75 c = 500

I need to multiply the number and its result at least 3 times to get 500 or less.

I have seen about Math.log() but I am not sure that is the right method here

Any help please?

Uncaught Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.

The above error occurred in the <BrowserRouter> component:
at BrowserRouter
at div
at App

import { BrowserRouter as Router, Routes, Route } from "react-router-dom";

const App = () => {
  const [contacts, setContacts] = useState([]);
  const addContactHandler = (contact) => {
    console.log(contact);
    setContacts([...contacts, { id: uniqid(), ...contact }]);
  };

  const removeContactList = (id) => {
    const newContactList = contacts.filter((contact) => {
      return contact.id !== id;
    });
    console.log(newContactList);
    setContacts(newContactList);
  };
  const LOCAL_STORAGE_KEY = "contacts";
  useEffect(() => {
    const retrieveContacts = JSON.parse(
      localStorage.getItem(LOCAL_STORAGE_KEY)
    );
    if (retrieveContacts) setContacts(retrieveContacts);
  }, []);
  useEffect(() => {
    localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(contacts));
  }, [contacts]);
  return (
    <div className="ui container">
      <Router>
        <Header />
        <Routes>
          <Route
            path="/"
            exact
            element={
              <ContactList
                contacts={contacts}
                getContactId={removeContactList}
              />
            }
          />
          <Route
            path="/add"
            element={<AddContact addContactHandler={addContactHandler} />}
          />
        </Routes>
      </Router>
    </div>
  );
};

export default App;

So I am trying to setup selectize (https://selectize.dev) in my Rails 7 app, and while I had no luck automatically pin it, I now pinned it by directly pointing to source.

I then have created a little init script for a form field that I want to get selectized, but the console shows the following error:

Uncaught TypeError: Cannot set properties of undefined (setting 'Sifter')        selectize.min.js:3
    at selectize.min.js:3:149
    at selectize.min.js:3:160

Not sure what’s wrong?

Here’s importmap.rb

pin "application", preload: true
pin "@hotwired/turbo-rails", to: "turbo.min.js", preload: true
pin "@hotwired/stimulus", to: "stimulus.min.js", preload: true
pin "@hotwired/stimulus-loading", to: "stimulus-loading.js", preload: true
pin_all_from "app/javascript/controllers", under: "controllers"
pin "trix"
pin "@rails/actiontext", to: "actiontext.js"
pin "jquery", preload: true # @3.6.0
pin "selectize", to: "https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.13.3/js/standalone/selectize.min.js"
pin "selectize-setup"

Here’s my init script (selectize-setup.js):

import "selectize";

jQuery(function () {
  $(".format-select").selectize();
});

Here’s how I invoke the script in new.html.erb:

<h1>Add New Book</h1>
<%= javascript_import_module_tag("selectize-setup") %>
<%= render 'form', book: @book %>

I think there might be something wrong with jquery, however it is initialized in application.js and using $().jquery on the console gives the correct version.
application.js:

import "@hotwired/turbo-rails";
import "controllers";
import "trix";
import "@rails/actiontext";
import jQuery from "jquery";

window.jQuery = jQuery;
window.$ = jQuery;

Good Afternoon, I’m hoping for some guidance. I am new to JavaScript and struggling with a project. We have been asked to store new entries into a website application, which once added store into the local storage.

This is what I have so far, but I am at a loss where I am going wrong to get this stored.

The first section surrounded by ** works fine (albeit it doesn’t store the entires). It is the last bit where I’m trying to add new code to store the message and invoke the event listener which doesn’t work.

Any guidance would be greatly appreciated.

**function addTextEntry(itemKey, initialText, isNewEntry) {
// Create a text element to edit the entry
var textElement = document.createElement("textarea");
textElement.rows = 5;
textElement.placeholder = "(new entry)";
// Set the textarea's value to the given text (if any)
textElement.value = initialText;
// Add a section to the page containing the textarea
addSection(itemKey, textElement);
// If this is a new entry (added by the user clicking a button)
// move the focus to the textarea to encourage typing
if (isNewEntry) {
    textElement.focus();
}**

// Create an event listener to save the entry when it changes

function saveEntry() {
    // A new version of this function is created every time addTextEntry is called,
    // so it can access all the variables available in this call to addTextEntry
    console.log("saveEntry called with variables in scope:", {
        itemKey,
        initialText,
        isNewEntry,
        textElement,
    });
    
    document.getElementById(initialText);
    item = makeTextItem(initialText); 
    localStorage.setItem(itemKey);  
    textElement.addEventListener("initialText", saveEntry); 
    
}

}

1. Write a Java program to display any integer random number between the given ranges using Math class.
   Sample:
   Enter the range: 5 10
   The random number between 5 and 10 is: 7
   (Predicted value)

2. Write a Java program to enter any integer number from the keyboard(console) and display the number of digits using Math class
   Sample:
   Enter any integer number: 34045
   The number of digits = 5

I’m doing a scrape on a platform, and I’m using the cURL method to get the direct data, but I always get an “encoded” response, which I thought was compressed (but isn’t), and now I believe the answer is in some format I don’t know. Even intercepting the platform, it ALSO receives the same “encoded” response without using cURL. Here is a snippet of the answer obtained, as it was too big:

SA÷1¬~AA÷dYAcKvjJ¬AY÷1¬ODA÷16¬XA÷3.2¬YA÷2.5¬MG÷1¬XB÷3.4¬YB÷3.4¬MG÷1¬XC÷2.25¬YC÷2.6¬MG÷1¬~AA÷UR4xGotq¬AY÷1¬ODA÷16¬XA÷4.5¬YA÷4.5¬MG÷1¬XB÷3.75¬YB÷3.75¬MG÷1¬XC÷1.66¬YC÷1.66¬MG÷1¬~AA÷t28tF5ek¬AY÷1¬ODA÷16¬XA÷6.5¬YA÷5.75¬MG÷1¬XB÷4.33¬YB÷4.33¬MG÷1¬XC÷1.4¬YC÷1.44¬MG÷1¬~AA÷OQcoEPAe¬AY÷1¬ODA÷16¬XA÷2.75¬YA÷2.75¬MG÷1¬XB÷3.5¬YB÷3.4¬MG÷1¬XC÷2.3¬YC÷2.25¬MG÷1¬~AA÷zcu2Zz9N¬AY÷1¬ODA÷16¬XA÷1.22¬YA÷1.33¬MG÷1¬XB÷5.75¬YB÷5¬MG÷1¬XC÷15¬YC÷9¬MG÷1¬~AA÷4ScQTEWp¬AY÷1¬ODA÷16¬XA÷4¬YA÷3.5¬MG÷1¬XB÷3.75¬YB÷3.6¬MG÷1¬XC÷1.85¬YC÷2¬MG÷1¬~AA÷hlvLkdg4¬AY÷1¬ODA÷16¬XA÷2.62¬YA÷2.37¬MG÷1¬XB÷3.3¬YB÷3.5¬MG÷1¬XC÷2.6¬YC÷2.8¬MG÷1¬~AA÷OpbuAPxn¬AY÷1¬ODA÷16¬XA÷1.66¬YA÷1.5¬MG÷1¬XB÷3.6¬YB÷4¬MG÷1¬XC÷4.2¬YC÷5¬MG÷1¬~AA÷WA1m837b¬AY÷1¬ODA÷16¬XA÷1.16¬YA÷1.14¬MG÷1¬XB÷7.5¬YB÷6.5¬MG÷1¬XC÷17¬YC÷15¬MG÷1¬~AA÷pQ3WaXNE¬AY÷1¬ODA÷16¬XA÷1.7¬YA÷1.9¬MG÷1¬XB÷3.4¬YB÷3.4¬MG÷1¬XC÷4.75¬YC÷3.6¬MG÷1¬~AA÷xMRar5hs¬AY÷1¬ODA÷16¬XA÷3.6¬YA÷3.2¬MG÷1¬XB÷3.1¬YB÷3¬MG÷1¬XC÷2.1¬YC÷2.25¬MG÷1¬~AA÷YmL8tqNg¬AY÷1¬ODA÷16¬XA÷1.16¬YA÷1.16¬MG÷1¬XB÷7¬YB÷7¬MG÷1¬XC÷11¬YC÷11¬MG÷1¬~AA÷6FYFvNi6¬AY÷1¬ODA÷16¬XA÷2.15¬YA÷2.2¬MG÷1¬XB÷3¬YB÷3.1¬MG÷1¬XC÷3.25¬YC÷3.1¬MG÷1¬~AA÷GWbtT9bp¬AY÷1¬ODA÷16¬XA÷2.15¬YA÷2.3¬MG÷1¬XB÷3.25¬YB÷3.25¬MG÷1¬XC÷3¬YC÷2.75¬MG÷1¬~AA÷fNcpSTDj¬AY÷1¬ODA÷16¬XA÷2.3¬YA÷2.05¬MG÷1¬XB÷3.4¬YB÷3.4¬MG÷1¬XC÷2.7¬YC÷3.1¬MG÷1¬~AA÷dSyTjDji¬AY÷1¬ODA÷16¬XA÷7.5¬YA÷7.5¬MG÷1¬XB÷4¬YB÷4.2¬MG÷1¬XC÷1.36¬YC÷1.36¬MG÷1¬~AA÷fDfWkX5c¬AY÷1¬ODA÷16¬XA÷1.83¬YA÷1.83¬MG÷1¬XB÷3.5¬YB÷3.6¬MG÷1¬XC÷3.75¬YC÷3.6¬MG÷1¬~AA÷lzfzkiL3¬AY÷1¬ODA÷16¬XA÷3¬YA÷2.15¬MG÷1¬XB÷3.3¬YB÷3.4¬MG÷1¬XC÷2.15¬YC÷2.9¬MG÷1¬~AA÷boycy2Rp¬AY÷1¬ODA÷16¬XA÷2.25¬YA÷1.8¬MG÷1¬XB÷2.8¬YB÷3.2¬MG÷1¬XC÷3.5¬YC÷4.5¬MG÷1¬~AA÷0jFu0o4o¬AY÷1¬ODA÷16¬XA÷1.9¬YA÷1.9¬MG÷1¬XB÷3.6¬YB÷3.6¬MG÷1¬XC÷3.5¬YC÷3.4¬MG÷1¬~AA÷6mImbPYc¬AY÷1¬ODA÷16¬XA÷3.5¬YA÷2.7¬MG÷1¬XB÷3.1¬YB÷3.1¬MG÷1¬XC÷2.05¬YC÷2.5¬MG÷1¬~AA÷pvHicql4¬AY÷1¬ODA÷16¬XA÷1.9¬YA÷1.9¬MG÷1¬XB÷3.25¬YB÷3.25¬MG÷1¬XC÷3.8¬YC÷3.75¬MG÷1¬~AA÷6arlN0r7¬AY÷1¬ODA÷16¬XA÷4.75¬YA÷2.5¬MG÷1¬XB÷3.6¬YB÷3.2¬MG÷1¬XC÷1.75¬YC÷2.8¬MG÷1¬~AA÷pjshMKcD¬AY÷1¬ODA÷16¬XA÷1.9¬YA÷1.8¬MG÷1¬XB÷3.2¬YB÷3.7¬MG÷1¬XC÷4.75¬YC÷4.2¬MG÷1¬~AA÷bXm4Ty5t¬AY÷1¬ODA÷16¬XA÷1.85¬YA÷2.05¬MG÷1¬XB÷3.25¬YB÷3.4¬MG÷1¬XC÷4.75¬YC÷3.5¬MG÷1¬~AA÷hfm8SeKn¬AY÷1¬ODA÷16¬XA÷1.28¬YA÷1.25¬MG÷1¬XB÷5.5¬YB÷5.5¬MG÷1¬XC÷12¬YC÷12¬MG÷1¬~AA÷6ciCRFZh¬AY÷1¬ODA÷16¬XA÷2.3¬YA÷2.7¬MG÷1¬XB÷3.1¬YB÷3.2¬MG÷1¬XC÷3.4¬YC÷2.6¬MG÷1¬~AA÷rkHPHEPA¬AY÷1¬ODA÷16¬XA÷3.2¬YA÷3¬MG÷1¬XB÷3.4¬YB÷3.4¬MG÷1¬XC÷2¬YC÷2.1¬MG÷1¬~AA÷MuGTGYvH¬AY÷1¬ODA÷16¬XA÷3.6¬YA÷3.6¬MG÷1¬XB÷3.6¬YB÷3.6¬MG÷1¬XC÷1.83¬YC÷1.83¬MG÷1¬~AA÷G2FXFhfN¬AY÷1¬ODA÷16¬XA÷1.45¬YA÷1.5¬MG÷1¬XB÷4¬YB÷4¬MG÷1¬XC÷6¬YC÷5.5¬MG÷1¬~AA÷U5JyFC9T¬AY÷1¬ODA÷16¬XA÷3.4¬YA÷3.2¬MG÷1¬XB÷3.5¬YB÷3.5¬MG÷1¬XC÷1.9¬YC÷2¬MG÷1¬~AA÷zmd4AWHp¬AY÷1¬ODA÷16¬XA÷1.5¬YA÷1.6¬MG÷1¬XB÷3.8¬YB÷3.75¬MG÷1¬XC÷6¬YC÷5¬MG÷1¬~AA÷tCHG4Oda¬AY÷1¬ODA÷16¬XA÷1.4¬YA÷1.4¬MG÷1¬XB÷4.5¬YB÷4.5¬MG÷1¬XC÷8.5¬YC÷8¬MG÷1¬XX÷XA|XB|XC¬~AA÷SACWhcAK¬AY÷1¬ODA÷16¬XA÷2.15¬YA÷2.1¬MG÷1¬XB÷3.6¬YB÷3.5¬MG÷1¬XC÷3.1¬YC÷3.25¬MG÷1¬~AA÷61BzhHPQ¬AY÷1¬ODA÷16¬XA÷¬XB÷3.56¬YB÷3.3¬MG÷0¬XC÷4.66¬YC÷4.04¬MG÷0¬~AA÷0jZmsPsk¬AY÷1¬ODA÷417¬XA÷2.1¬YA÷2.89¬MG÷0¬XB÷3.62¬YB÷3.44¬MG÷0¬XC÷3.04¬YC÷2.22¬MG÷0¬~AA÷485JtcDK¬AY÷1¬ODA÷417¬XA÷2.09¬YA÷2.05¬MG÷0¬XB÷3.08¬YB÷3.2¬MG÷0¬XC÷3.6¬YC÷3.62¬MG÷0¬~AA÷zidkyyyr¬AY÷1¬ODA÷417¬XA÷2.45¬YA÷2.27¬MG÷0¬XB÷3.1¬YB÷3.24¬MG÷0¬XC÷2.8¬YC÷3.07¬MG÷0¬~AA÷d6pbZE5f¬AY÷1¬ODA÷417¬XA÷1.74¬YA÷1.74¬MG÷0¬XB÷3.52¬YB÷3.6¬MG÷0¬XC÷4.5¬YC÷4.22¬MG÷0¬~AA÷UyOg9Ptl¬AY÷1¬ODA÷417¬XA÷1.23¬YA÷1.23¬MG÷0¬XB÷5.35¬YB÷5.5¬MG÷0¬XC÷12.5¬YC÷12.5¬MG÷0¬~AA÷8SMc8qdf¬AY÷1¬ODA÷417¬XA÷2.36¬YA÷2.4¬MG÷0¬XB÷3.4¬YB÷3.4¬MG÷0¬XC÷2.65¬YC÷2.7¬MG÷0¬~AA÷GhQ56NQ6¬AY÷1¬ODA÷417¬XA÷1.61¬YA÷1.55¬MG÷0¬XB÷3.58¬YB÷3.4¬MG÷0¬XC÷5.55¬YC÷6.6¬MG÷0¬~AA÷bHFA5stD¬AY÷1¬ODA÷417¬XA÷2.44¬YA÷2.37¬MG÷0¬XB÷2.97¬YB÷3.15¬MG÷0¬XC÷3¬YC÷2.97¬MG÷0¬~AA÷d2YD41eJ¬AY÷1¬ODA÷417¬XA÷4.3¬YA÷4.18¬MG÷0¬XB÷3.54¬YB÷3.7¬MG÷0¬XC÷1.77¬YC÷1.77¬MG÷0¬~AA÷A5MeTpYJ¬AY÷1¬ODA÷417¬XA÷1.59¬YA÷1.69¬MG÷0¬XB÷3.86¬YB÷3.9¬MG÷0¬XC÷5.2¬YC÷4.38¬MG÷0¬~AA÷fHlAAsJt¬AY÷1¬ODA÷417¬XA÷2.07¬YA÷2.07¬MG÷0¬XB÷3.05¬YB÷3.05¬MG÷0¬XC÷3.8¬YC÷3.8¬MG÷0¬~AA÷p6sN7u3a¬AY÷1¬ODA÷417¬XA÷2.11¬YA÷2.17¬MG÷0¬XB÷2.97¬YB÷3.05¬MG÷0¬XC÷3.7¬YC÷3.5¬MG÷0¬~AA÷b9oR6aI5¬AY÷1¬ODA÷417¬XA÷2.47¬YA÷2.47¬MG÷0¬XB÷2.94¬YB÷3.05¬MG÷0¬XC÷2.98¬YC÷2.97¬MG÷0¬~AA÷hWpV5JXB¬AY÷1¬ODA÷417¬XA÷5.65¬YA÷4.68¬MG÷0¬XB÷3.72¬YB÷3.64¬MG÷0¬XC÷1.57¬YC÷1.69¬MG÷0¬~AA÷WMqZ4wmI¬AY÷1¬ODA÷417¬XA÷3.17¬YA÷3.15¬MG÷0¬XB÷3.16¬YB÷3.3¬MG÷0¬XC÷2.23¬YC÷2.12¬MG÷0¬~AA÷bqGV3c2O¬AY÷1¬ODA÷417¬XA÷3.22¬YA÷3.36¬MG÷0¬XB÷3.02¬YB÷3.1¬MG÷0¬XC÷2.27¬YC÷2.2¬MG÷0¬~AA÷CzYNMkUn¬AY÷1¬ODA÷417¬XA÷2.44¬YA÷2.37¬MG÷0¬XB÷3.06¬YB÷3.24¬MG÷0¬XC÷2.91¬YC÷2.92¬MG÷0¬~AA÷fJTrIRrI¬AY÷1¬ODA÷417¬XA÷1.97¬YA÷1.94¬MG÷0¬XB÷3.2¬YB÷3.4¬MG÷0¬XC÷3.84¬YC÷3.76¬MG÷0¬~AA÷4pcVgMQD¬AY÷1¬ODA÷417¬XA÷2.33¬YA÷2.27¬MG÷0¬XB÷3.15¬YB÷3¬MG÷0¬XC÷3.04¬YC÷3.07¬MG÷0¬~AA÷08USgVqc¬AY÷1¬ODA÷417¬XA÷1.99¬YA÷1.85¬MG÷0¬XB÷3.28¬YB÷3.24¬MG÷0¬XC÷3.72¬YC÷3.84¬MG÷0¬~AA÷f7Nyh9E9¬AY÷1¬ODA÷417¬XA÷2.15¬YA÷2.12¬MG÷0¬XB÷3.16¬YB÷3.1¬MG÷0¬XC÷3.4¬YC÷3.26¬MG÷0¬~AA÷YcMuiTTF¬AY÷1¬ODA÷417¬XA÷1.7¬YA÷1.69¬MG÷0¬XB÷3.38¬YB÷2.9¬MG÷0¬XC÷5.25¬YC÷6.1¬MG÷0¬~AA÷n52GpR6q¬AY÷1¬ODA÷417¬XA÷5.4¬YA÷6.1¬MG÷0¬XB÷3.8¬YB÷3.4¬MG÷0¬XC÷1.59¬YC÷1.55¬MG÷0¬~AA÷fV5Or5yd¬AY÷1¬ODA÷417¬XA÷2.52¬YA÷2.27¬MG÷0¬XB÷3.12¬YB÷3¬MG÷0¬XC÷2.74¬YC÷3.07¬MG÷0¬~AA÷6BdGGmme¬AY÷1¬ODA÷417¬XA÷3.44¬YA÷3.05¬MG÷0¬XB÷3.13¬YB÷3.2¬MG÷0¬XC÷2.15¬YC÷2.22¬MG÷0¬~AA÷0YeKF721¬AY÷1¬ODA÷417¬XA÷3.32¬YA÷3.32¬MG÷0¬XB÷3.05¬YB÷3.24¬MG÷0¬XC÷2.24¬YC÷2.02¬MG÷0¬~AA÷EoR1Aorj¬AY÷1¬ODA÷417¬XA÷1.54¬YA÷1.62¬MG÷0¬XB÷4.2¬YB÷4.6¬MG÷0¬XC÷5.2¬YC÷4.16¬MG÷0¬~AA÷xpQsB8AP¬AY÷1¬ODA÷417¬XA÷2.32¬YA÷2.32¬MG÷0¬XB÷3.52¬YB÷3.6¬MG÷0¬XC÷2.74¬YC÷2.72¬MG÷0¬~AA÷vgC96SIt¬AY÷1¬ODA÷417¬XA÷3.72¬YA÷3.8¬MG÷0¬XB÷3.72¬YB÷3.7¬MG÷0¬XC÷1.84¬YC÷1.85¬MG÷0¬~AA÷CCVW3zdT¬AY÷1¬ODA÷417¬XA÷1.12¬YA÷1.21¬MG÷0¬XB÷8.1¬YB÷6.2¬MG÷0¬XC÷17¬YC÷11.5¬MG÷0¬~AA÷WdC3bEJj¬AY÷1¬ODA÷417¬XA÷2.07¬YA÷2.82¬MG÷0¬XB÷3.58¬YB÷3.3¬MG÷0¬XC÷3.19¬YC÷2.42¬MG÷0¬~AA÷KECb6ujS¬AY÷1¬ODA÷417¬XA÷4.44¬YA÷3.58¬MG÷0¬XB÷3.92¬YB÷4.5¬MG÷0¬XC÷1.67¬YC÷1.74¬MG÷0¬~AA÷fcGDx2aC¬AY÷1¬ODA÷417¬XA÷4¬YA÷4¬MG÷0¬XB÷4.5¬YB÷4.5¬MG÷0¬XC÷1.62¬YC÷1.62¬MG÷0¬~AA÷xM5IyMEI¬AY÷1¬ODA÷417¬XA÷5.05¬YA÷3.38¬MG÷0¬XB÷4.26¬YB÷4.1¬MG÷0¬XC÷1.53¬YC÷1.87¬MG÷0¬~AA÷4SZQLXzf¬AY÷1¬ODA÷417¬XA÷1.81¬YA÷2.28¬MG÷0¬XB÷4.22¬YB÷3.74¬MG÷0¬XC÷3.34¬YC÷2.65¬MG÷0¬~AA÷ChZUKij0¬AY÷1¬ODA÷417¬XA÷1.28¬YA÷1.54¬MG÷0¬XB÷5.9¬YB÷4.7¬MG÷0¬XC÷7.1¬YC÷4.64¬MG÷0¬~AA÷Y7NwJVKC¬AY÷1¬ODA÷417¬XA÷1.62¬YA÷1.66¬MG÷0¬XB÷4.6¬YB÷4.4¬MG÷0¬XC÷3.9¬YC÷4.06¬MG÷0¬~AA÷zBbMp5et¬AY÷1¬ODA÷417¬XA÷1.74¬YA÷2.27¬MG÷0¬XB÷3.3¬YB÷2.85¬MG÷0¬XC÷4.88¬YC÷3.52¬MG÷0¬~AA÷dnp7OEHi¬AY÷1¬ODA÷417¬XA÷1.34¬YA÷1.31¬MG÷0¬XB÷4.9¬YB÷4.74¬MG÷0¬XC÷7.6¬YC÷7.8¬MG÷0¬~AA÷vBZBNYWc¬AY÷1¬ODA÷417¬XA÷2.17¬YA÷2.15¬MG÷0¬XB÷3.09¬YB÷3.05¬MG÷0¬XC÷3.38¬YC÷3.52¬MG÷0¬~AA÷jowGMhn4¬AY÷1¬ODA÷417¬XA÷2.14¬YA÷2.07¬MG÷0¬XB÷3.32¬YB÷3.2¬MG÷0¬XC÷3.2¬YC÷3.56¬MG÷0¬~AA÷p8xKLC1A¬AY÷1¬ODA÷417¬XA÷3.05¬YA÷3.46¬MG÷0¬XB÷2.94¬YB÷3¬MG÷0¬XC÷2.37¬YC÷2.12¬MG÷0¬~AA÷ObyOKWGG¬AY÷1¬ODA÷417¬XA÷2.28¬YA÷2.32¬MG÷0¬XB÷3.1¬YB÷2.9¬MG÷0¬XC÷3.14¬YC÷3.32¬MG÷0¬~AA÷v9fh34oq¬AY÷1¬ODA÷417¬XA÷2.97¬YA÷3.05¬MG÷0¬XB÷3.22¬YB÷3¬MG÷0¬XC÷2.3¬YC÷2.32¬MG÷0¬~AA÷CMh01rGe¬AY÷1¬ODA÷417¬XA÷3.08¬YA÷2.92¬MG÷0¬XB÷3.16¬YB÷3.05¬MG÷0¬XC÷2.27¬YC÷2.47¬MG÷0¬~AA÷QPd402V1¬AY÷1¬ODA÷417¬XA÷1.51¬YA÷1.57¬MG÷0¬XB÷3.98¬YB÷3.9¬MG÷0¬XC÷6¬YC÷5.65¬MG÷0¬~AA÷zN2snX3G¬AY÷1¬ODA÷417¬XA÷1.93¬YA÷1.82¬MG÷0¬XB÷3.44¬YB÷3.3¬MG÷0¬XC÷3.68¬YC÷4.06¬MG÷0¬~AA÷lQ6ooiJM¬AY÷1¬ODA÷417¬XA÷2.02¬YA÷1.97¬MG÷0¬XB÷3.22¬YB÷3.4¬MG÷0¬XC÷3.48¬YC÷3.36¬MG÷0¬~AA÷rm6kpBYS¬AY÷1¬ODA÷417¬XA÷1.62¬YA÷1.64¬MG÷0¬XB÷3.54¬YB÷3.5¬MG÷0¬XC÷5.2¬YC÷5.1¬MG÷0¬~AA÷pdhHuVtp¬AY÷1¬ODA÷417¬XA÷18¬YA÷15¬MG÷0¬XB÷5.45¬YB÷6¬MG÷0¬XC÷1.17¬YC÷1.14¬MG÷0¬~AA÷2XnMvkdj¬AY÷1¬ODA÷417¬XA÷1.59¬YA÷1.55¬MG÷0¬XB÷3.9¬YB÷4¬MG÷0¬XC÷5.1¬YC÷5¬MG÷0¬~AA÷tOoQw9Bd¬AY÷1¬ODA÷417¬XA÷1.45¬YA÷1.37¬MG÷0¬XB÷4.22¬YB÷4.32¬MG÷0¬XC÷6.4¬YC÷7.2¬MG÷0¬~AA÷fRZ72hlc¬AY÷1¬ODA÷417¬XA÷1.87¬YA÷1.72¬MG÷0¬XB÷3.4¬YB÷3.4¬MG÷0¬XC÷3.84¬YC÷4.56¬MG÷0¬~AA÷lQSG0WI9¬AY÷1¬ODA÷417¬XA÷1.61¬YA÷1.69¬MG÷0¬XB÷4.04¬YB÷4¬MG÷0¬XC÷4.72¬YC÷3.86¬MG÷0¬~AA÷S2pgYEl9¬AY÷1¬ODA÷417¬XA÷1.93¬YA÷2.27¬MG÷0¬XB÷3.11¬YB÷2.8¬MG÷0¬XC÷3.96¬YC÷3.36¬MG÷0¬~AA÷t6lcXY3F¬AY÷1¬ODA÷417¬XA÷1.63¬YA÷1.62¬MG÷0¬XB÷3.52¬YB÷3.6¬MG÷0¬XC÷5.15¬YC÷5¬MG÷0¬~AA÷M32RF6Ys¬AY÷1¬ODA÷417¬XA÷1.76¬YA÷2.12¬MG÷0¬XB÷3.42¬YB÷2.9¬MG÷0¬XC÷4.36¬YC÷3.56¬MG÷0¬~AA÷0f1VEQml¬AY÷1¬ODA÷417¬XA÷1.35¬YA÷1.37¬MG÷0¬XB÷4.6¬YB÷4.32¬MG÷0¬XC÷7.6¬YC÷6.35¬MG÷0¬~AA÷fVFYDp3f¬AY÷1¬ODA÷417¬XA÷2.02¬YA÷2.2¬MG÷0¬XB÷2.99¬YB÷2.95¬MG÷0¬XC÷3.98¬YC÷3.56¬MG÷0¬~AA÷YLExD4I0¬AY÷1¬ODA÷417¬XA÷2.45¬YA÷2.6¬MG÷0¬XB÷2.61¬YB÷2.8¬MG÷0¬XC÷2.96¬YC÷2.75¬MG÷0¬~AA÷Gp4sCOX6¬AY÷1¬ODA÷417¬XA÷1.86¬YA÷1.85¬MG÷0¬XB÷3.2¬YB÷3.3¬MG÷0¬XC÷4.16¬YC÷4.04¬MG÷0¬~AA÷Um8oBrmD¬AY÷1¬ODA÷417¬XA÷3.16¬YA÷2.62¬MG÷0¬XB÷3.07¬YB÷2.8¬MG÷0¬XC÷2.28¬YC÷2.62¬MG÷0¬~AA÷ridTZRPD¬AY÷1¬ODA÷417¬XA÷1.63¬YA÷1.62¬MG÷0¬XB÷3.5¬YB÷3.5¬MG÷0¬XC÷5.15¬YC÷5.05¬MG÷0¬~AA÷rcTxRzy6¬AY÷1¬ODA÷417¬XA÷2.32¬YA÷2.37¬MG÷0¬XB÷3.02¬YB÷2.8¬MG÷0¬XC÷3.16¬YC÷3.36¬MG÷0¬~AA÷MmStQfjC¬AY÷1¬ODA÷417¬XA÷2.34¬YA÷2.42¬MG÷0¬XB÷2.92¬YB÷2.8¬MG÷0¬XC÷3.08¬YC÷3.06¬MG÷0¬~AA÷GARpPE5I¬AY÷1¬ODA÷417¬XA÷1.78¬YA÷1.84¬MG÷0¬XB÷3.38¬YB÷3.24¬MG÷0¬XC÷4.5¬YC÷4.4¬MG÷0¬~AA÷SpVlOYKO¬AY÷1¬ODA÷417¬XA÷2.66¬YA÷2.32¬MG÷0¬XB÷3.02¬YB÷2.8¬MG÷0¬XC÷2.63¬YC÷3.18¬MG÷0¬~AA÷Uk9XnIcP¬AY÷1¬ODA÷417¬XA÷1.4¬YA÷1.45¬MG÷0¬XB÷4.28¬YB÷4¬MG÷0¬XC÷7.5¬YC÷6.2¬MG÷0¬~AA÷Wbearx6t¬AY÷1¬ODA÷417¬XA÷2.74¬YA÷2.8¬MG÷0¬XB÷3.05¬YB÷3¬MG÷0¬XC÷2.54¬YC÷2.55¬MG÷0¬~AA÷0Ya3sdLn¬AY÷1¬ODA÷417¬XA÷1.96¬YA÷1.93¬MG÷0¬XB÷3.06¬YB÷3.1¬MG÷0¬XC÷3.96¬YC÷4.04¬MG÷0¬~AA÷vPb7tGzg¬AY÷1¬ODA÷417¬XA÷5.05¬YA÷5.05¬MG÷0¬XB÷3.42¬YB÷3.3¬MG÷0¬XC÷1.66¬YC÷1.69¬MG÷0¬~AA÷MmlCuzja¬AY÷1¬ODA÷417¬XA÷1.92¬YA÷1.93¬MG÷0¬XB÷3.32¬YB÷3.1¬MG÷0¬XC÷3.86¬YC÷3.82¬MG÷0¬~AA÷2mDG5icT¬AY÷1¬ODA÷417¬XA÷3.46¬YA÷3.58¬MG÷0¬XB÷3.18¬YB÷3¬MG÷0¬XC÷2.05¬YC÷2.02¬MG÷0¬~AA÷KSar1B5p¬AY÷1¬ODA÷417¬XA÷48¬YA÷33¬MG÷0¬XB÷12.5¬YB÷8¬MG÷0¬XC÷1.02¬YC÷1.07¬MG÷0¬~AA÷zyrVOEci¬AY÷1¬ODA÷417¬XA÷3.74¬YA÷3.86¬MG÷0¬XB÷3.2¬YB÷3.1¬MG÷0¬XC÷1.96¬YC÷1.93¬MG÷0¬~AA÷ERtZNYCc¬AY÷1¬ODA÷417¬XA÷1.93¬YA÷1.92¬MG÷0¬XB÷3.36¬YB÷3.34¬MG÷0¬XC÷3.76¬YC÷3.86¬MG÷0¬~AA÷8ltwNhS3¬AY÷1¬ODA÷417¬XA÷28¬YA÷16¬MG÷0¬XB÷10.5¬YB÷7¬MG÷0¬XC÷1.05¬YC÷1.11¬MG÷0¬~AA÷KOqsMCsA¬AY÷1¬ODA÷417¬XA÷4.36¬YA÷3.88¬MG÷0¬XB÷3¬YB÷2.7¬MG÷0¬XC÷1.9¬YC÷2.12¬MG÷0¬~AA÷2mZoLWdG¬AY÷1¬ODA÷417¬XA÷1.57¬YA÷1.55¬MG÷0¬XB÷3.78¬YB÷3.8¬MG÷0¬XC÷5.2¬YC÷5.05¬MG÷0¬~AA÷tvYkKjCM¬AY÷1¬ODA÷417¬XA÷2.08¬YA÷2.12¬MG÷0¬XB÷3.28¬YB÷3.1¬MG÷0¬XC÷3.38¬YC÷3.56¬MG÷0¬~AA÷dtmxscC6¬AY÷1¬ODA÷417¬XA÷1.33¬YA÷1.68¬MG÷0¬XB÷5.55¬YB÷4.4¬MG÷0¬XC÷6.2¬YC÷3.96¬MG÷0¬~AA÷EHsstHRC¬AY÷1¬ODA÷417¬XA÷1.05¬YA÷1.09¬MG÷0¬XB÷11¬YB÷9.4¬MG÷0¬XC÷28¬YC÷19¬MG÷0¬~AA÷h8touysJ¬AY÷1¬ODA÷417¬XA÷1.98¬YA÷2.25¬MG÷0¬XB÷4.14¬YB÷4.5¬MG÷0¬XC÷2.99¬YC÷2.4¬MG÷0¬~AA÷4pghmYYu¬AY÷1¬ODA÷417¬XA÷1.65¬YA÷2¬MG÷0¬XB÷4.4¬YB÷4.04¬MG÷0¬XC÷3.9¬YC÷3.06¬MG÷0¬~AA÷2VBenhln¬AY÷1¬ODA÷417¬XA÷2.33¬YA÷3.01¬MG÷0¬XB÷4.2¬YB÷4.1¬MG÷0¬XC÷2.32¬YC÷2¬MG÷0¬~AA÷hK48qjY4¬AY÷1¬ODA÷417¬XA÷1.92¬YA÷2.3¬MG÷0¬XB÷4.4¬YB÷3.8¬MG÷0¬XC÷2.93¬YC÷2.48¬MG÷0¬~AA÷hWdSPA58¬AY÷1¬ODA÷417¬XA÷2.26¬YA÷2.07¬MG÷0¬XB÷2.54¬YB÷3.05¬MG÷0¬XC÷4.1¬YC÷3.8¬MG÷0¬~AA÷4duCpQn5¬AY÷1¬ODA÷417¬XA÷1.46¬YA÷1.46¬MG÷0¬XB÷4.1¬YB÷4.1¬MG÷0¬XC÷6.9¬YC÷6.9¬MG÷0¬~AA÷b3fG8tTH¬AY÷1¬ODA÷417¬XA÷1.46¬YA÷1.47¬MG÷0¬XB÷4.3¬YB÷4.7¬MG÷0¬XC÷5.8¬YC÷5.6¬MG÷0¬~AA÷tSqL70rO¬AY÷1¬ODA÷417¬XA÷1.92¬YA÷1.41¬MG÷0¬XB÷4.06¬YB÷4.8¬MG÷0¬XC÷2.84¬YC÷6.4¬MG÷0¬~AA÷KIrP6KcU¬AY÷1¬ODA÷417¬XA÷1.1¬YA÷1.22¬MG÷0¬XB÷7.3¬YB÷6.4¬MG÷0¬XC÷22¬YC÷9.9¬MG÷0¬~AA÷WjPUR3Tu¬AY÷1¬ODA÷417¬XA÷1.01¬YA÷1.03¬MG÷0¬XB÷19¬YB÷12¬MG÷0¬XC÷65¬YC÷49¬MG÷0¬XX÷XA|XB|XC¬~AA÷AsOYQNrn¬AY÷1¬ODA÷417¬XA÷1.46¬YA÷1.67¬MG÷0¬XB÷4.5¬YB÷4¬MG÷0¬XC÷5.5¬YC÷4.46¬MG÷0¬~AA÷fsEMH5cF¬AY÷1¬ODA÷417¬XA÷6.85¬YA÷5.4¬MG÷0¬XB÷5.25¬YB÷4.4¬MG÷0¬XC÷1.12¬YC÷1.47¬MG÷0¬~AA÷YXCQGPCL¬AY÷1¬ODA÷417¬XA÷1.03¬YA÷1.03¬MG÷0¬XB÷13¬YB÷9.6¬MG÷0¬XC÷49¬YC÷67¬MG÷0¬XX÷XA|XB|XC¬~AA÷fHOpYLrs¬AY÷1¬ODA÷417¬XA÷2.59¬YA÷2.55¬MG÷0¬XB÷2.42¬YB÷2.8¬MG÷0¬XC÷3.6¬YC÷2.85¬MG÷0¬~AA÷Y7NlXubm¬AY÷1¬ODA÷417¬XA÷4.68¬YA÷5.6¬MG÷0¬XB÷3.24¬YB÷3.5¬MG÷0¬XC÷1.8¬YC÷1.59¬MG÷0¬~AA÷SUMhWaDg¬AY÷1¬ODA÷417¬XA÷1.94¬YA÷2.2¬MG÷0¬XB÷3.06¬YB÷3.1¬MG÷0¬XC÷4.26¬YC÷3.16¬MG÷0¬~AA÷v5QdVJSa¬AY÷1¬ODA÷417¬XA÷2.34¬YA÷2.13¬MG÷0¬XB÷2.85¬YB÷3¬MG÷0¬XC÷3.36¬YC÷3.44¬MG÷0¬~AA÷MTF1Uwr6¬AY÷1¬ODA÷417¬XA÷2.65¬YA÷2.33¬MG÷0¬XB÷2.56¬YB÷3¬MG÷0¬XC÷3.24¬YC÷3.05¬MG÷0¬~AA÷xtGmlVBG¬AY÷1¬ODA÷417¬XA÷4.48¬YA÷3.66¬MG÷0¬XB÷3.66¬YB÷3¬MG÷0¬XC÷1.71¬YC÷2.06¬MG÷0¬~AA÷8dnbPovG¬AY÷1¬ODA÷417¬XA÷4.64¬YA÷4.46¬MG÷0¬XB÷3.4¬YB÷2.9¬MG÷0¬XC÷1.75¬YC÷1.92¬MG÷0¬~AA÷GCr9sjhg¬AY÷1¬ODA÷417¬XA÷1.62¬YA÷1.89¬MG÷0¬XB÷3.62¬YB÷3¬MG÷0¬XC÷5.3¬YC÷4.36¬MG÷0¬~AA÷pnmDtA7a¬AY÷1¬ODA÷417¬XA÷2.47¬YA÷2.47¬MG÷0¬XB÷2.8¬YB÷2.8¬MG÷0¬XC÷3.05¬YC÷3.05¬MG÷0¬~AA÷OxnHuUM5¬AY÷1¬ODA÷417¬XA÷1.43¬YA÷1.43¬MG÷0¬XB÷4.24¬YB÷4.24¬MG÷0¬XC÷6.8¬YC÷6.8¬MG÷0¬~AA÷ERvUxS6O¬AY÷1¬ODA÷417¬XA÷1.92¬YA÷1.92¬MG÷0¬XB÷2.85¬YB÷2.85¬MG÷0¬XC÷4.56¬YC÷4.56¬MG÷0¬~AA÷hIwYynMU¬AY÷1¬ODA÷417¬XA÷2.12¬YA÷2.12¬MG÷0¬XB÷3¬YB÷3¬MG÷0¬XC÷3.46¬YC÷3.46¬MG÷0¬~AA÷IeJUtvJu¬AY÷1¬ODA÷417¬XA÷1.83¬YA÷1.88¬MG÷0¬XB÷3.34¬YB÷3.2¬MG÷0¬XC÷4.26¬YC÷4.04¬MG÷0¬~AA÷dnIYubYo¬AY÷1¬ODA÷417¬XA÷2.08¬YA÷2.08¬MG÷0¬XB÷3¬YB÷3¬MG÷0¬XC÷3.56¬YC÷3.56¬MG÷0¬~AA÷j9HxuImh¬AY÷1¬ODA÷417¬XA÷5.5¬YA÷5.5¬MG÷0¬XB÷3.7¬YB÷3.7¬MG÷0¬XC÷1.57¬YC÷1.57¬MG÷0¬~AA÷lxcR2D4t¬AY÷1¬ODA÷417¬XA÷7.8¬YA÷7.4¬MG÷0¬XB÷4.1¬YB÷3.6¬MG÷0¬XC÷1.41¬YC÷1.48¬MG÷0¬~AA÷tKumh4v8¬AY÷1¬ODA÷417¬XA÷2.32¬YA÷2.32¬MG÷0¬XB÷2.9¬YB÷2.9¬MG÷0¬XC÷3.16¬YC÷3.16¬MG÷0¬~AA÷E7MugSv8¬AY÷1¬ODA÷417¬XA÷3.54¬YA÷3.54¬MG÷0¬XB÷3¬YB÷3¬MG÷0¬XC÷2.1¬YC÷2.1¬MG÷0¬~AA÷hbLqhnfE¬AY÷1¬ODA÷417¬XA÷3.64¬YA÷3.64¬MG÷0¬XB÷2.9¬YB÷2.9¬MG÷0¬XC÷2.12¬YC÷2.12¬MG÷0¬~AA÷nLKmi69K¬AY÷1¬ODA÷417¬XA÷3¬YA÷4.34¬MG÷0¬XB÷2.62¬YB÷3¬MG÷0¬XC÷2.65¬YC÷1.9¬MG÷0¬~AA÷0OOijQOQ¬AY÷1¬ODA÷417¬XA÷3.34¬YA÷3.34¬MG÷0¬XB÷3¬YB÷3¬MG÷0¬XC÷2.2¬YC÷2.2¬MG÷0¬~AA÷pd0Op4nl¬AY÷1¬ODA÷417¬XA÷1.65¬YA÷1.65¬MG÷0¬XB÷3.5¬YB÷3.5¬MG÷0¬XC÷5¬YC÷5¬MG÷0¬~AA÷vNovRf6c¬AY÷1¬ODA÷417¬XA÷2.49¬YA÷2.55¬MG÷0¬XB÷3.12¬YB÷3¬MG÷0¬XC÷2.74¬YC÷2.65¬MG÷0¬~AA÷UBviOhjG¬AY÷1¬ODA÷417¬XA÷4.7¬YA÷5.2¬MG÷0¬XB÷3.38¬YB÷3.2¬MG÷0¬XC÷1.75¬YC÷1.71¬MG÷0¬~AA÷82weNC5M¬AY÷1¬ODA÷417¬XA÷1.18¬YA÷1.17¬MG÷0¬XB÷6.05¬YB÷6¬MG÷0¬XC÷13.5¬YC÷14.5¬MG÷0¬~AA÷I5b3TwJK¬AY÷1¬ODA÷417¬XA÷2.34¬YA÷2.36¬MG÷0¬XB÷3.24¬YB÷3¬MG÷0¬XC÷2.9¬YC÷3.04¬MG÷0¬~AA÷2wzzOHtr¬AY÷1¬ODA÷417¬XA÷2.33¬YA÷2.37¬MG÷0¬XB÷3.13¬YB÷2.85¬MG÷0¬XC÷3.02¬YC÷3.15¬MG÷0¬~AA÷YyioLFQ0¬AY÷1¬ODA÷417¬XA÷3.3¬YA÷3.64¬MG÷0¬XB÷3.12¬YB÷2.9¬MG÷0¬XC÷2.18¬YC÷2.12¬MG÷0¬~AA÷jDojKZu7¬AY÷1¬ODA÷417¬XA÷3.15¬YA÷3.15¬MG÷0¬XB÷2.85¬YB÷2.85¬MG÷0¬XC÷2.37¬YC÷2.37¬MG÷0¬~AA÷U3pfJgeD¬AY÷1¬ODA÷417¬XA÷2.94¬YA÷2.94¬MG÷0¬XB÷3¬YB÷3¬MG÷0¬XC÷2.42¬YC÷2.42¬MG÷0¬~AA÷x67cmgWj¬AY÷1¬ODA÷417¬XA÷1.66¬YA÷1.5¬MG÷0¬XB÷3.86¬YB÷4.3¬MG÷0¬XC÷4.52¬YC÷5.65¬MG÷0¬~AA÷j9euCx9i¬AY÷1¬ODA÷417¬XA÷7.7¬YA÷7.4¬MG÷0¬XB÷4.84¬YB÷5.2¬MG÷0¬XC÷1.34¬YC÷1.34¬MG÷0¬~AA÷lfErBdOc¬AY÷1¬ODA÷417¬XA÷3.42¬YA÷3.6¬MG÷0¬XB÷3.64¬YB÷3.7¬MG÷0¬XC÷1.95¬YC÷1.75¬MG÷0¬~AA÷CnbM1rx9¬AY÷1¬ODA÷417¬XA÷1.71¬YA÷1.61¬MG÷0¬XB÷3.52¬YB÷3.6¬MG÷0¬XC÷4.72¬YC÷5.2¬MG÷0¬~AA÷p0dUaM6L¬AY÷1¬ODA÷417¬XA÷4.52¬YA÷2.28¬MG÷0¬XB÷3.52¬YB÷3.5¬MG÷0¬XC÷1.74¬YC÷2.65¬MG÷0¬~AA÷2yiZbtMR¬AY÷1¬ODA÷417¬XA÷1.84¬YA÷1.8¬MG÷0¬XB÷3.1¬YB÷3.4¬MG÷0¬XC÷4.44¬YC÷4.14¬MG÷0¬~AA÷Ast9hvae¬AY÷1¬ODA÷417¬XA÷2.99¬YA÷3.04¬MG÷0¬XB÷3.16¬YB÷3¬MG÷0¬XC÷2.33¬YC÷2.35¬MG÷0¬~AA÷h6VDibE1¬AY÷1¬ODA÷417¬XA÷1.78¬YA÷1.83¬MG÷0¬XB÷3.44¬YB÷3.2¬MG÷0¬XC÷4.4¬YC÷4.26¬MG÷0¬~AA÷GKAYE2cS¬AY÷1¬ODA÷417¬XA÷3.68¬YA÷3.62¬MG÷0¬XB÷3.72¬YB÷3.78¬MG÷0¬XC÷1.85¬YC÷1.85¬MG÷0¬~AA÷dEh1AM5q¬AY÷1¬ODA÷417¬XA÷3.05¬YA÷2.37¬MG÷0¬XB÷3.5¬YB÷3.44¬MG÷0¬XC÷2.14¬YC÷2.77¬MG÷0¬~AA÷z5i59tLk¬AY÷1¬ODA÷417¬XA÷2.19¬YA÷2.25¬MG÷0¬XB÷3.5¬YB÷3.44¬MG÷0¬XC÷2.97¬YC÷2.9¬MG÷0¬~AA÷URj980zd¬AY÷1¬ODA÷417¬XA÷1.63¬YA÷1.82¬MG÷0¬XB÷4.04¬YB÷3.84¬MG÷0¬XC÷4.54¬YC÷3.7¬MG÷0¬~AA÷UHmeW3S2¬AY÷1¬ODA÷417¬XA÷1.95¬YA÷1.8¬MG÷0¬XB÷3.6¬YB÷3.9¬MG÷0¬XC÷3.46¬YC÷3.78¬MG÷0¬~AA÷GYk7T1CL¬AY÷1¬ODA÷417¬XA÷1.21¬YA÷1.19¬MG÷0¬XB÷6.15¬YB÷6.5¬MG÷0¬XC÷11¬YC÷12¬MG÷0¬~AA÷0OxyzIuo¬AY÷1¬ODA÷417¬XA÷1.71¬YA÷2.12¬MG÷0¬XB÷3.1¬YB÷3¬MG÷0¬XC÷5.4¬YC÷3.46¬MG÷0¬~AA÷z991zBUC¬AY÷1¬ODA÷417¬XA÷3.17¬YA÷3.22¬MG÷0¬XB÷3.1¬YB÷3.1¬MG÷0¬XC÷2.29¬YC÷2.27¬MG÷0¬~AA÷Ea85ZUqJ¬AY÷1¬ODA÷417¬XA÷1.93¬YA÷2.02¬MG÷0¬XB÷3.28¬YB÷3.2¬MG÷0¬XC÷3.92¬YC÷3.66¬MG÷0¬~AA÷G4nlbEMJ¬AY÷1¬ODA÷417¬XA÷3.42¬YA÷3.03¬MG÷0¬XB÷2.97¬YB÷2.95¬MG÷0¬XC÷2.24¬YC÷2.47¬MG÷0¬~AA÷nmwKhhps¬AY÷1¬ODA÷417¬XA÷2.56¬YA÷2.6¬MG÷0¬XB÷3.2¬YB÷3¬MG÷0¬XC÷2.63¬YC÷2.75¬MG÷0¬~AA÷QwxOiCam¬AY÷1¬ODA÷417¬XA÷2.56¬YA÷2.42¬MG÷0¬XB÷3.1¬YB÷3.15¬MG÷0¬XC÷2.73¬YC÷2.88¬MG÷0¬~AA÷6kgLjWEg¬AY÷1¬ODA÷417¬XA÷1.82¬YA÷2.05¬MG÷0¬XB÷3.34¬YB÷3.3¬MG÷0¬XC÷4.42¬YC÷3.5¬MG÷0¬~AA÷pthPkjUa¬AY÷1¬ODA÷417¬XA÷1.98¬YA÷1.87¬MG÷0¬XB÷3.3¬YB÷3.44¬MG÷0¬XC÷3.72¬YC÷4¬MG÷0¬~AA÷v3iTlAq6¬AY÷1¬ODA÷417¬XA÷1.38¬YA÷1.46¬MG÷0¬XB÷4.34¬YB÷4.04¬MG÷0¬XC÷8.3¬YC÷7¬MG÷0¬~AA÷h6eXmUbC¬AY÷1¬ODA÷417¬XA÷1.75¬YA÷1.67¬MG÷0¬XB÷3.44¬YB÷3.64¬MG÷0¬XC÷4.68¬YC÷5.05¬MG÷0¬~AA÷8WdNID6K¬AY÷1¬ODA÷417¬XA÷4.74¬YA÷4.74¬MG÷0¬XB÷3.3¬YB÷3.3¬MG÷0¬XC÷1.74¬YC÷1.74¬MG÷0¬~AA÷KAxbCBql¬AY÷1¬ODA÷417¬XA÷2.12¬YA÷2.12¬MG÷0¬XB÷3¬YB÷3¬MG÷0¬XC÷3.46¬YC÷3.46¬MG÷0¬~AA÷b1y2BVbf¬AY÷1¬ODA÷417¬XA÷3.56¬YA÷3.54¬MG÷0¬XB÷2.85¬YB÷2.85¬MG÷0¬XC÷2.18¬YC÷2.18¬MG÷0¬~AA÷GYDzLG0f¬AY÷1¬ODA÷417¬XA÷1.4¬YA÷1.4¬MG÷0¬XB÷4.2¬YB÷4.2¬MG÷0¬XC÷7.3¬YC÷7.3¬MG÷0¬~AA÷bc3uKzG0¬AY÷1¬ODA÷417¬XA÷3.26¬YA÷3.24¬MG÷0¬XB÷2.88¬YB÷2.9¬MG÷0¬XC÷2.29¬YC÷2.28¬MG÷0¬~AA÷AX6qJfV6¬AY÷1¬ODA÷417¬XA÷1.72¬YA÷1.72¬MG÷0¬XB÷3.4¬YB÷3.4¬MG÷0¬XC÷4.64¬YC÷4.64¬MG÷0¬~AA÷Czlh1nOh¬AY÷1¬ODA÷417¬XA÷1.43¬YA÷1.99¬MG÷0¬XB÷3.9¬YB÷3.3¬MG÷0¬XC÷8¬YC÷3.7¬MG÷0¬~AA÷4r6aaQh5¬AY÷1¬ODA÷417¬XA÷1.57¬YA÷1.54¬MG÷0¬XB÷3.78¬YB÷3.7¬MG÷0¬XC÷5.6¬YC÷6.4¬MG÷0¬~AA÷n7e4bp8B¬AY÷1¬ODA÷417¬XA÷1.86¬YA÷1.77¬MG÷0¬XB÷3.32¬YB÷3.4¬MG÷0¬XC÷4.16¬YC÷4.68¬MG÷0¬~AA÷h6Nytxhp¬AY÷1¬ODA÷417¬XA÷1.96¬YA÷2.04¬MG÷0¬XB÷3.22¬YB÷3.3¬MG÷0¬XC÷3.84¬YC÷3.52¬MG÷0¬~AA÷WdMuud7j¬AY÷1¬ODA÷417¬XA÷3.9¬YA÷4.3¬MG÷0¬XB÷3.32¬YB÷3.2¬MG÷0¬XC÷1.91¬YC÷1.87¬MG÷0¬~AA÷n54S2aac¬AY÷1¬ODA÷417¬XA÷1.9¬YA÷1.77¬MG÷0¬XB÷3.16¬YB÷3.4¬MG÷0¬XC÷4.22¬YC÷4.76¬MG÷0¬~AA÷tS3W1JE3¬AY÷1¬ODA÷417¬XA÷1.74¬YA÷2.02¬MG÷0¬XB÷3.48¬YB÷3.24¬MG÷0¬XC÷4.56¬YC÷3.7¬MG÷0¬~AA÷0QBxQUj1¬AY÷1¬ODA÷417¬XA÷1.94¬YA÷2.07¬MG÷0¬XB÷3.24¬YB÷2.85¬MG÷0¬XC÷3.86¬YC÷3.86¬MG÷0¬~AA÷SW3OmYr8¬AY÷1¬ODA÷417¬XA÷2.16¬YA÷2.16¬MG÷0¬XB÷3¬YB÷3¬MG÷0¬XC÷3.44¬YC÷3.44¬MG÷0¬~AA÷lnhXoCDK¬AY÷1¬ODA÷417¬XA÷2.18¬YA÷2.18¬MG÷0¬XB÷2.85¬YB÷2.85¬MG÷0¬XC÷3.54¬YC÷3.54¬MG÷0¬~AA÷nXAzoWSQ¬AY÷1¬ODA÷417¬XA÷2.56¬YA÷2.75¬MG÷0¬XB÷3.02¬YB÷2.9¬MG÷0¬XC÷2.74¬YC÷2.55¬MG÷0¬~AA÷raQQqN4H¬AY÷1¬ODA÷417¬XA÷2.38¬YA÷2.42¬MG÷0¬XB÷3.04¬YB÷2.65¬MG÷0¬XC÷3.02¬YC÷3.34¬MG÷0¬~AA÷hYF0wLso¬AY÷1¬ODA÷417¬XA÷2.09¬YA÷2.19¬MG÷0¬XB÷2.92¬YB÷2.6¬MG÷0¬XC÷3.84¬YC÷4.06¬MG÷0¬~AA÷23ci0rkb¬AY÷1¬ODA÷417¬XA÷1.9¬YA÷1.77¬MG÷0¬XB÷3.34¬YB÷3.1¬MG÷0¬XC÷3.92¬YC÷4.94¬MG÷0¬~AA÷z7QyHcBC¬AY÷1¬ODA÷417¬XA÷2.7¬YA÷2.65¬MG÷0¬XB÷3.1¬YB÷3¬MG÷0¬XC÷2.54¬YC÷2.6¬MG÷0¬~AA÷vTCm5tNM¬AY÷1¬ODA÷417¬XA÷4.46¬YA÷4.66¬MG÷0¬XB÷2.9¬YB÷3.2¬MG÷0¬XC÷1.92¬YC÷1.77¬MG÷0¬~AA÷hzgObv0j¬AY÷1¬ODA÷417¬XA÷3.13¬YA÷3.15¬MG÷0¬XB÷3.13¬YB÷3¬MG÷0¬XC÷2.27¬YC÷2.27¬MG÷0¬~AA÷6wcScbFd¬AY÷1¬ODA÷417¬XA÷2.01¬YA÷2.12¬MG÷0¬XB÷3.15¬YB÷3¬MG÷0¬XC÷3.76¬YC÷3.54¬MG÷0¬~AA÷ABN86jJd¬AY÷1¬ODA÷417¬XA÷1.92¬YA÷2.6¬MG÷0¬XB÷3.2¬YB÷2.85¬MG÷0¬XC÷4.06¬YC÷2.75¬MG÷0¬~AA÷nmyCRLrU¬AY÷1¬ODA÷417¬XA÷2.24¬YA÷2.47¬MG÷0¬XB÷3.14¬YB÷2.9¬MG÷0¬XC÷3.17¬YC÷2.95¬MG÷0¬~AA÷bR4Uq3bb¬AY÷1¬ODA÷417¬XA÷2.28¬YA÷2.28¬MG÷0¬XB÷2.85¬YB÷2.85¬MG÷0¬XC÷3.34¬YC÷3.34¬MG÷0¬~AA÷6i8xrsTA¬AY÷1¬ODA÷417¬XA÷2.31¬YA÷2.7¬MG÷0¬XB÷3.06¬YB÷2.8¬MG÷0¬XC÷3.12¬YC÷2.7¬MG÷0¬~AA÷pr7ts1rH¬AY÷1¬ODA÷417¬XA÷1.78¬YA÷2.09¬MG÷0¬XB÷3.46¬YB÷3¬MG÷0¬XC÷4.36¬YC÷3.56¬MG÷0¬~AA÷beMCRrzb¬AY÷1¬ODA÷417¬XA÷1.72¬YA÷2.02¬MG÷0¬XB÷3.8¬YB÷3.6¬MG÷0¬XC÷4.04¬YC÷3.06¬MG÷0¬~AA÷bVvFwm1M¬AY÷1¬ODA÷417¬XA÷7.1¬YA÷7.1¬MG÷0¬XB÷4.5¬YB÷4.5¬MG÷0¬XC÷1.37¬YC÷1.37¬MG÷0¬~AA÷OtApPTPN¬AY÷1¬ODA÷417¬XA÷6.5¬YA÷3.84¬MG÷0¬XB÷4¬YB÷3.2¬MG÷0¬XC÷1.46¬YC÷1.92¬MG÷0¬~AA÷W69lOmuU¬AY÷1¬ODA÷417¬XA÷1.33¬YA÷1.77¬MG÷0¬XB÷4.42¬YB÷3.6¬MG÷0¬XC÷9.1¬YC÷4.2¬MG÷0¬~AA÷zLZbriQo¬AY÷1¬ODA÷417¬XA÷9.8¬YA÷5¬MG÷0¬XB÷4.52¬YB÷3.6¬MG÷0¬XC÷1.31¬YC÷1.63¬MG÷0¬~AA÷CUQwsW

I am building a simple Blog App in React and I am using Routing, so I have to import Route from react-router-dom, But when I import it like

import { Route } from "react-router-dom";

then it is showing

Uncaught ReferenceError: require is not defined

it happens in every file, I try to import in App.js.

I created a new folder named js in public folder where the App.js is located.

I have tried hours upon hours, But it is still showing that Error.
I have also tried using browsify and webpack but still showing.

App.js

import { Route } from "react-router-dom";

function App() => {
    return (
        <div>
           React App
        </div>
    )
}

ReactDOM.render(
    <App />,
    document.getElementById('content')
)

package.json

{
  "name": "my-react-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.16.2",
    "@testing-library/react": "^12.1.3",
    "@testing-library/user-event": "^13.5.0",
    "axios": "^0.26.0",
    "history": "^5.3.0",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-router-dom": "5.2.0",
    "react-scripts": "5.0.0",
    "web-vitals": "^2.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "webpack": "^5.70.0"
  }
}

Any help would be much Appreciated. Thank You in Advance.

How to get value in single array not in nested array without any additional operation outside map function.

const List = []
List.push(
    {
        name: 'John',
        id: 383,
        Value: [
            {
                "Age": "10"
            },
            {
                "Age": "20"
            }
        ],
    },
    {
        name: 'Mark',
        id: 545,
        Value: [
            {
                "Age": "30"
            },
            {
                "Age": "40"
            }
        ],
    }
)

const ageList = List.map((list, index) => {

    let age = [];
    list.Value.map(item => {
        age.push(item.Age)
    })
    return age
})
console.log(ageList)

Orignal Output : [ [ ’10’, ’20’ ], [ ’30’, ’40’ ] ]
Expected Output : [10,20,30,40]

I have the following array in mongoDB:
[tomato, lemon, apple, orange]

and I want to remove the third item(index 2) of the array,
however I cannot use $pull since I do not know what is the current value of the of the third item, it is apple now but it could be lemon later,
so how do I remove an item from a specific index in a MongoDB array and not by value?