javascript – Page 7696 – Blancer.com Tutorials and projects

jQuery selector fails when ID contains square brackets

I have a php script that creates a number of inputs whose ID’s are in an array. I am trying to check the value in the clicked one but it fails due to the selector being an array, I think. The code I’m using is below. The amt var is undefined. If I change the code to not use arrays, it works. Is there a way to access an ID that is an array element? Here is my jsfiddle.

$(".map-price").keyup(function(event) {
  var id = event.target.id;
  var amt = $("#" + id).val();
  console.log(id + ' ' + amt);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div>
  <input type="input" name="map_price[1]" id="products_map_price[1]" class="map-price">
</div>
<div>
  <input type="input" name="map_price[2]" id="products_map_price[2]" class="map-price">
</div>

How to make list items scrollup animation look continuous/infinite

I have 3 list items that I am rotating upwards after every 3 seconds. I am doing it using transformY property.

Problem is, when it reaches last item, it cycles back giving effect of starting all over again.

How can I make this effect look continuous/infinite by keep rotating upwards even after last item?

  setInterval(function(){
    var currActiveItem = $('.list span').css('transform');

    if(currActiveItem == "matrix(1, 0, 0, 1, 0, 0)") {
      $('.list span').css('transform', 'translateY(-67px)');
    }else if(currActiveItem == "matrix(1, 0, 0, 1, 0, -67)"){
      $('.list span').css('transform', 'translateY(-134px)');
    }else {
      $('.list span').css('transform', 'translateY(0)');
    }
  }, 3000);

CSS

  .transformed-z-0 {
    transform: translateZ(0);
  }

  .list {
    position: fixed;
    overflow: hidden;
    left: 0;
    width: 100%;
    height: 67px;
  }

  .list-item {
    display: block;
    height: 67px;
    transition: all 0.7s ease-in-out;
    transform: translateY(0);
  }

HTML

<h1 class="transformed-z-0">
  <span class="list">
    <span class="list-item">1</span>
    <span class="list-item">2</span>
    <span class="list-item">3</span>
  </span>
  <br>
  Some more text
</h1>

how to create a year ID generate

I need to generate an employee id for eg: 2022 in the beginning, the number should be auto incremented, and it should be 2022000125(year is 2022).It should again start from year and the date created in the last. How i suppose to my change the sequence number generation ? can someone help me. Thank you in Advance.

//creating employeeid
    $numbers = '';
    foreach (range($i = 0; $i < 10; $i++){
        $numbers .= $i;
    }
    $employee_id =substr(str_shuffle($numbers), 0, 9);

Share entered values while sharing a link

here is my problem: It would be great if users could not only share the link to my website, but also the values they entered there. So far, so good.

First try: simply submit values by GET.

Does not work because: if the URL is

domain.com?param1=a&param2=b

then simply the part before the ? will be shared (at least on iPhones, but that’s bad.) So they just share

domain.com

and no parameters are sent. (Google told me the same without giving me a proper workaround idea.)

Okay. Second try: Some workaround involving .htaccess and history.pushstate. It worked quite well, but history.pushstate does not seem to affect the shared URL on iPhones either.

That’s bad so far. Does maybe anyone have an idea what to use to solve my problem? Thank you very much 🙂

Why must I create my VueJS application before using ChartJS?

I have this very simple page, that works properly:

<!DOCTYPE html>
<html lang="en">

<head>
    <script src="https://unpkg.com/vue@next"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/chart.js"></script>
</head>

<body>
    <main id="vue-app">
        <p>{{ name }}</p>
        <canvas id="chart-flow-rate"></canvas>
    </main>
</body>

<script>    
    // Start VueJS
    const Application = {
        data() {
            return {
                name: "My Chart"
            };
        }
    }
    vm = Vue.createApp(Application).mount('#vue-app');

    // Use ChartJS
    const myChart = new Chart('chart-flow-rate', {
        type: 'bar',
        data: {
            labels: ['4', '2'],
            datasets: [{
                data: [4, 2],
            }]
        }
    });
</script>

However, if I invert the blocs of JS to use ChartJS first and then to create the VueJS application, the page no longer works: the chart is not shown.

Why?

I have noticed that I can change my HTML’s body a little in order to be able to use ChartJS before VueJS:

<body>
    <main>
        <p id="vue-app">{{ name }}</p>
        <canvas id="chart-flow-rate"></canvas>
    </main>
</body>

Again: why?

Thanks a lot! 🙂

Array in react is changing when I change another variable

I have a weird issue, where when I for example do this const data = [...businessCategories]; and make changes to the data variable like this data[itemIndex].selected = true;. What happens is the businessCategories variable get changed as well as data. I don’t understand why this happpend since I copying values only not reference.

facing d3 chart brush issue

I am facing a brush issue.
I have 10000 records in chart and brush is not working properly.it is very tiny line line and data is also overlapping .

though it is working fine for upto 1000 records.
Could you please guide here .
Thanks,
Rohit

Not being able to load home page after pre loader

im learning to make webapplication and i wanted to created a SVG-Text animation which i did.. below u can see the code..my problem is that i am not being to load the mainpage or index page. In simple word, i just want to open my mainpage or index page of site to load after the SVG-Text animation**(PRE-LOADER)** is finished. Below the code of the SVG-animation .. its css, html
thank you in advance

its html

<html>
    <head>
        <title>learn</title>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
<svg width="910" height="120" id="Layer_1" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path  d="M62.8,63.8H28.7v31.6h38v9.5H17.4V17.3h47.3v9.5h-36v27.7h34.1V63.8z" stroke="white" stroke-width="5"/>
    <path class="st0" d="M86.3,42l9,13.5c2.3,3.5,4.3,6.8,6.4,10.3h0.4c2.1-3.8,4.2-7,6.2-10.4l8.8-13.4h12.4L108,72.4l22.1,32.5h-13
        l-9.2-14.2c-2.5-3.6-4.6-7.2-6.8-10.9h-0.3c-2.1,3.8-4.3,7.1-6.6,10.9l-9.1,14.2H72.5l22.4-32.1L73.5,42H86.3z"stroke="white" stroke-width="5"/>
    <path  d="M141.1,62.5c0-8.1-0.3-14.6-0.5-20.5h10.3l0.5,10.8h0.3c4.7-7.7,12.1-12.2,22.4-12.2c15.2,0,26.7,12.9,26.7,32
        c0,22.6-13.8,33.8-28.6,33.8c-8.3,0-15.6-3.6-19.4-9.9h-0.3v34.2h-11.3V62.5z M152.4,79.3c0,1.7,0.3,3.3,0.5,4.7
        c2.1,7.9,9,13.4,17.2,13.4c12.1,0,19.1-9.9,19.1-24.3c0-12.6-6.6-23.4-18.7-23.4c-7.8,0-15.1,5.6-17.3,14.2
        c-0.4,1.4-0.8,3.1-0.8,4.7V79.3z" stroke="white" stroke-width="5"/>
    <path  d="M221.5,75.5c0.3,15.5,10.1,21.8,21.6,21.8c8.2,0,13.1-1.4,17.4-3.3l2,8.2c-4,1.8-10.9,3.9-20.9,3.9
        c-19.4,0-30.9-12.7-30.9-31.7c0-19,11.2-33.9,29.5-33.9c20.5,0,26,18.1,26,29.6c0,2.3-0.3,4.2-0.4,5.3H221.5z M255,67.3
        c0.1-7.3-3-18.6-15.9-18.6c-11.6,0-16.6,10.7-17.6,18.6H255z" stroke="white" stroke-width="5" />
    <path  d="M280.2,59c0-6.5-0.1-11.8-0.5-17h10.1l0.7,10.4h0.3c3.1-6,10.4-11.8,20.8-11.8c8.7,0,22.2,5.2,22.2,26.8v37.6
        h-11.4V68.6c0-10.1-3.8-18.6-14.6-18.6c-7.5,0-13.4,5.3-15.3,11.7c-0.5,1.4-0.8,3.4-0.8,5.3v37.8h-11.4V59z"stroke="white" stroke-width="5"/>
    <path  d="M350.8,93.2c3.4,2.2,9.4,4.6,15.1,4.6c8.3,0,12.2-4.2,12.2-9.4c0-5.5-3.3-8.5-11.7-11.6
        c-11.3-4-16.6-10.3-16.6-17.8c0-10.1,8.2-18.5,21.7-18.5c6.4,0,12,1.8,15.5,3.9l-2.9,8.3c-2.5-1.6-7-3.6-12.9-3.6
        c-6.8,0-10.5,3.9-10.5,8.6c0,5.2,3.8,7.5,12,10.7c10.9,4.2,16.5,9.6,16.5,19c0,11.1-8.6,18.9-23.5,18.9c-6.9,0-13.3-1.7-17.7-4.3
        L350.8,93.2z"stroke="white" stroke-width="5"/>
    <path  d="M410.2,75.5c0.3,15.5,10.1,21.8,21.6,21.8c8.2,0,13.1-1.4,17.4-3.3l2,8.2c-4,1.8-10.9,3.9-20.9,3.9
        c-19.4,0-30.9-12.7-30.9-31.7c0-19,11.2-33.9,29.5-33.9c20.5,0,26,18.1,26,29.6c0,2.3-0.3,4.2-0.4,5.3H410.2z M443.8,67.3
        c0.1-7.3-3-18.6-15.9-18.6c-11.6,0-16.6,10.7-17.6,18.6H443.8z"stroke="white" stroke-width="5"/>
    <path  d="M508.3,26.9h-26.7v-9.6h64.9v9.6h-26.8v78h-11.4V26.9z"stroke="white" stroke-width="5"/>
    <path  d="M550,61.6c0-7.4-0.1-13.8-0.5-19.6h10l0.4,12.4h0.5c2.9-8.5,9.8-13.8,17.4-13.8c1.3,0,2.2,0.1,3.3,0.4v10.8
        c-1.2-0.3-2.3-0.4-3.9-0.4c-8.1,0-13.8,6.1-15.3,14.7c-0.3,1.6-0.5,3.4-0.5,5.3v33.5H550V61.6z"stroke="white" stroke-width="5"/>
    <path d="M626.7,104.9l-0.9-7.9h-0.4c-3.5,4.9-10.3,9.4-19.2,9.4c-12.7,0-19.2-9-19.2-18.1c0-15.2,13.5-23.5,37.8-23.4
        v-1.3c0-5.2-1.4-14.6-14.3-14.6c-5.9,0-12,1.8-16.4,4.7l-2.6-7.5c5.2-3.4,12.7-5.6,20.7-5.6c19.2,0,23.9,13.1,23.9,25.7v23.5
        c0,5.5,0.3,10.8,1,15.1H626.7z M625,72.8c-12.5-0.3-26.7,2-26.7,14.2c0,7.4,4.9,10.9,10.8,10.9c8.2,0,13.4-5.2,15.2-10.5
        c0.4-1.2,0.7-2.5,0.7-3.6V72.8z"stroke="white" stroke-width="5"/>
    <path  d="M699.4,102.6c-3,1.6-9.6,3.6-18.1,3.6c-19,0-31.3-12.9-31.3-32.1c0-19.4,13.3-33.4,33.8-33.4
        c6.8,0,12.7,1.7,15.9,3.3l-2.6,8.8c-2.7-1.6-7-3-13.3-3c-14.4,0-22.2,10.7-22.2,23.8c0,14.6,9.4,23.5,21.8,23.5
        c6.5,0,10.8-1.7,14-3.1L699.4,102.6z"stroke="white" stroke-width="5"/>
    <path  d="M724.1,70.8h0.3c1.6-2.2,3.8-4.9,5.6-7.2L748.4,42h13.8l-24.3,25.9l27.7,37.1h-13.9l-21.7-30.2l-5.9,6.5v23.7
        h-11.3V12.6h11.3V70.8z"stroke="white" stroke-width="5"/>
    <path d="M780.1,75.5c0.3,15.5,10.1,21.8,21.6,21.8c8.2,0,13.1-1.4,17.4-3.3l2,8.2c-4,1.8-10.9,3.9-20.9,3.9
        c-19.4,0-30.9-12.7-30.9-31.7c0-19,11.2-33.9,29.5-33.9c20.5,0,26,18.1,26,29.6c0,2.3-0.3,4.2-0.4,5.3H780.1z M813.6,67.3
        c0.1-7.3-3-18.6-15.9-18.6c-11.6,0-16.6,10.7-17.6,18.6H813.6z"stroke="white" stroke-width="5"/>
    <path d="M838.8,61.6c0-7.4-0.1-13.8-0.5-19.6h10l0.4,12.4h0.5c2.9-8.5,9.8-13.8,17.4-13.8c1.3,0,2.2,0.1,3.3,0.4v10.8
        c-1.2-0.3-2.3-0.4-3.9-0.4c-8.1,0-13.8,6.1-15.3,14.7c-0.3,1.6-0.5,3.4-0.5,5.3v33.5h-11.3V61.6z"stroke="white" stroke-width="5"/>
</svg>
    </body>
</html>

its css

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body{
    width: 100%;
    height: 100vh;
    background-color: rgb(32,35,48);
}
#Layer_1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);    
    animation: fill 0.5s ease forwards 5.8s;
}
#Layer_1 path:nth-child(1){
    stroke-dasharray: 414;
    stroke-dashoffset: 414;
    animation: line-anim 2s ease forwards;
}
#Layer_1 path:nth-child(2){
    stroke-dasharray: 320.55609130859375;
    stroke-dashoffset: 320.55609130859375;
    animation: line-anim 2s ease forwards 0.3s;
}
#Layer_1 path:nth-child(3){
    stroke-dasharray: 437.967041015625;
    stroke-dashoffset: 437.967041015625;
    animation: line-anim 2s ease forwards 0.6s;
}
#Layer_1 path:nth-child(4){
    stroke-dasharray: 366.2216491699219;
    stroke-dashoffset: 366.2216491699219;
    animation: line-anim 2s ease forwards 0.9s;
}
#Layer_1 path:nth-child(5){
    stroke-dasharray: 335.585693359375;
    stroke-dashoffset: 335.585693359375;
    animation: line-anim 2s ease forwards 1.2s;
    
}
#Layer_1 path:nth-child(6){
    stroke-dasharray: 268.7137145996094;
    stroke-dashoffset: 268.7137145996094;
    animation: line-anim 2s ease forwards 1.5s;
    
}
#Layer_1 path:nth-child(7){
    stroke-dasharray: 366.2216796875;
    stroke-dashoffset: 366.2216796875;
    animation: line-anim 2s ease forwards 1.8s;
    
}
#Layer_1 path:nth-child(8){
    stroke-dasharray: 305.0000305175781;
    stroke-dashoffset: 305.0000305175781;
    animation: line-anim 2s ease forwards 2.1s;
    
}
#Layer_1 path:nth-child(9){
    stroke-dasharray: 201.02734375;
    stroke-dashoffset: 201.02734375;
    animation: line-anim 2s ease forwards 2.4s;
}
#Layer_1 path:nth-child(10){
    stroke-dasharray: 356.66552734375;
    stroke-dashoffset: 356.66552734375;
    animation: line-anim 2s ease forwards 2.7s;
    
}
#Layer_1 path:nth-child(11){
    stroke-dasharray: 257.80328369140625;
    stroke-dashoffset: 257.80328369140625;
    animation: line-anim 2s ease forwards 3.0s;
    
}
#Layer_1 path:nth-child(12){
    stroke-dasharray: 390.1777038574219;
    stroke-dashoffset: 390.1777038574219;
    animation: line-anim 2s ease forwards 3.3s;
}
#Layer_1 path:nth-child(13){
    stroke-dasharray: 366.221923828125;
    stroke-dashoffset: 366.221923828125;
    animation: line-anim 2s ease forwards 3.6s;
}
#Layer_1 path:nth-child(14){
    stroke-dasharray: 201.02735900878906;
    stroke-dashoffset: 201.02735900878906;
    animation: line-anim 2s ease forwards 3.9s;
}

@keyframes line-anim{
    to{
        stroke-dashoffset:0;
    }
}
@keyframes fill{
    from{
        fill: transparent;
    }
    to{
        fill:white
    }
}

Problem at the onchange function in the main component, when i type on the keyboard inside the input , the page refresh itself. thank

The problem with the code is that when I type on the keyboard inside the input the page flickers and refreshed

the code I’m struggling with is this :

 this.state = {
      search: "",
    };
changedInput = (e) => {
    // //change the state of search for the input
    // this.setState({search:e.target.value})
    
    this.setState({ search: e.target.value });
  };
 <ul style={{ display: this.state.contactsDisplay }}></ul>
        <label>
          <span>search</span>
          <input
            type="text"
            name="form_name"
            id="name"
            
             value={this.state.search}
            onChange={(e)=>{this.changedInput(e)}}
          />
        </label>

how to change a string of array of json into an object to loop(like map func) the array?

I just got an array of json from server but I can not use the map function on them because it said the type of the variable is not an object.

[{rad:"129394",pdate1:"13990929",sharh:"بابت مانده اوليه",bed:"1010",bes:"0",kod_naghl:"1",shom_san:"21010"}]

this is the response of server which is an array of json but when I log the type of it. it says that this is a string.

data type : string

and also when I copy the array and put it in a variable in console and log the type it says object. and now I can use the map function.

I have used the JSON.stringfy and JSON.parse to. but they did not work in this case.
by the way this project has been developed with react if its necessary to know.

how to change the name of tinymce menubar items

I’m trying to rename items in a menubar in tinyMce Editor so I can translate them. I managed to change her title, but not the sub-items like undo or redo.

tinymce.init({
 selector: 'textarea',  // change this value according to your HTML
 menu: {
   file: {title: 'Arquivo', items: 'newdocument'},
   edit: {title: 'Editar', items: 'undo redo | cut copy paste pastetext | selectall'},
   insert: {title: 'Inserir', items: 'link media | template hr'},
   view: {title: 'Visualizar', items: 'visualaid'},
   format: {title: 'Formatar', items: 'bold italic underline strikethrough superscript subscript | formats | removeformat'},
   table: {title: 'Tabela', items: 'inserttable tableprops deletetable | cell row column'},
   tools: {title: 'Ferramentas', items: 'spellchecker code'}
 }
});

If anyone knows what to do it would be of great help.

How to test multiple console outputs with Jest in JavaScript?

I need this solution for an educational project. This unit test should check an expected console output from the function:

it('should log into the console "Victoria lifting anchor up" and "Victoria is moving"', () => {

  const consoleSpy = jest.spyOn(console, 'log');

  victoria.move();

  expect(consoleSpy).toHaveBeenCalledWith(?);

});

The problem is that the function victoria.move() runs two console logs, and I want to check both of them in one unit test. The test perfectly works with one output, but I do not know what notation should be for testing two outputs. I strugle to find the syntax on the Internet.

Need to build an sidebar extension that fetches LinkedIn search results using JS wihtout using API

I am learning JavaScript . I need to build a sidebar chrome extension that fetches LinkedIn profile result’s data into the extension.

Like if someone logs into LinkedIn and searches for developer, next he clicks my extension and he gets the name and email of that person in that extension. The names should be in the same order as the search results. I don’t know where to start for this.

I have googled but it says using APIs but I don’t think I would need APIs for this. Just some good dom manipulating would do the thing I guess. But maybe I am wrong.

I have built extensions before but this is something I am not getting.

Prevent accordion from collapsing on refresh filters

I’m using HikaShop to build a webshop. For the filters i created a bootstrap accordion with radio buttons to select a filter to filter my products. Each accordion content card looks like the following:

<div class="col">
    <div class="multi-collapse collapse show" id="multiCollapseExample0" style="">
        <div class="card card-body">
            <div class="content" style="min-height:100px; float:left; width:99%;">
                <div class="hikashop_filter_Accessoires_7"><input onchange="window.hikashop.refreshFilters(this);" data-container-div="hikashop_filter_form_module_108" name="filter_Accessoires_7" type="radio" value="45" id="filter_7_45_module_108"><label class="filter_7_45_module_108" for="filter_7_45_module_108">Accessoires</label><br><span class="hikashop_filter_checkbox"><input onchange="window.hikashop.refreshFilters(this);" data-container-div="hikashop_filter_form_module_108" name="filter_Accessoires_7" type="radio" value="47" id="filter_7_47_module_108"><label class="filter_7_47_module_108" for="filter_7_47_module_108">Miners op voorraad</label></span><br><span class="hikashop_filter_checkbox"><input onchange="window.hikashop.refreshFilters(this);" data-container-div="hikashop_filter_form_module_108" name="filter_Accessoires_7" type="radio" value="52" id="filter_7_52_module_108"><label class="filter_7_52_module_108" for="filter_7_52_module_108">Pre-order</label></span><br><span class="hikashop_filter_checkbox"><input onchange="window.hikashop.refreshFilters(this);" data-container-div="hikashop_filter_form_module_108" name="filter_Accessoires_7" type="radio" value="53" id="filter_7_53_module_108"><label class="filter_7_53_module_108" for="filter_7_53_module_108">Combo deals</label></span><br></div>                            </div>
        </div>
        </div><br>
    </div>
</div>

Whenever you select a filter it will execute the function ‘refreshFilters’ which looks like the following:

refreshFilters: function (el, skipSelf) {
        "use strict";
        var d = document, t = this, o = window.Oby,
        container = null, data = null, containerName = el.getAttribute('data-container-div');

        if(containerName)
            container = d.forms[containerName];

        if(!container)
            return false;

        var url = container.getAttribute('action');
        var scrollToTop = container.getAttribute('data-scroll');

        // delay timer to avoid too many ajax calls
        if(t.filterRefreshTimer !== false) clearTimeout(t.filterRefreshTimer);
        t.filterRefreshTimer = setTimeout(function() {

            data = o.getFormData(container);
            data += '&tmpl=raw';
            o.xRequest(url, {mode:'POST', data: data}, function(xhr) {
                var resp = o.evalJSON(xhr.responseText);

                if(resp.newURL) {
                    var urlInHistory = resp.newURL.replace('tmpl=raw&', '', 'g').replace('filter=1&', '', 'g').replace('&tmpl=raw', '', 'g').replace('&filter=1', '', 'g');
                    window.history.pushState(data, d.title, urlInHistory);

                    window.addEventListener('popstate', function(e) {
                        if(window.location.href.includes('hikashop_url_reload=1')) {
                            window.location.href.replace('&hikashop_url_reload=1','').reload();
                        }
                    });
                }

                var refreshAreas = document.querySelectorAll('.filter_refresh_div');

                var triggers = o.fireAjax('filters.update', {el: el, refreshAreas : refreshAreas, resp: resp});
                if(triggers !== false && triggers.length > 0)
                    return true;

                var refreshUrl = null;
                t.refreshCounter = 0;
                for(let i = 0; i < refreshAreas.length; i++) {
                    var currentArea = refreshAreas[i];
                    if(skipSelf && currentArea.querySelector('#'+el.id))
                        continue;

                    if(resp.newURL && currentArea.getAttribute('data-use-url')) {
                        refreshUrl = resp.newURL;
                    } else {
                        refreshUrl = currentArea.getAttribute('data-refresh-url');
                        if(resp.params) {
                            refreshUrl += '&' + resp.params + '&return_url=' + encodeURIComponent(window.location.href);
                        }
                    }
                    if(!refreshUrl)
                        continue;
                    t.refreshCounter++;
                    var className = currentArea.getAttribute('data-refresh-class');
                    if(className) o.addClass(currentArea, className);
                    t.refreshOneArea(refreshUrl, currentArea, el, refreshAreas, resp);
                }

                if(scrollToTop) {
                    window.hikashop.smoothScroll();
                }
            });
            t.filterRefreshTimer = false;
        }, 300);
        return false;
    }

Executing this function means for the accordion to collapse. Is there any way i can prevent this from happening?

Remove Row from a CSV File after Reading it

so I have a csv File that looks something like this:

tokenId,address
0,0x3ec9c3cb29ed95a396a48a4fbdb6b8546d001d5a
1,0x3ec9c3cb29ed95a396a48a4fbdb6b8546d001d5a
2,0x3ec9c3cb29ed95a396a48a4fbdb6b8546d001d5a
3,0x3ec9c3cb29ed95a396a48a4fbdb6b8546d001d5a
4,0x3ec9c3cb29ed95a396a48a4fbdb6b8546d001d5a
0,0x7470ea065e50e3862cd9b8fb7c77712165da80e5
1,0x7470ea065e50e3862cd9b8fb7c77712165da80e5
2,0x7470ea065e50e3862cd9b8fb7c77712165da80e5
3,0x7470ea065e50e3862cd9b8fb7c77712165da80e5
4,0x7470ea065e50e3862cd9b8fb7c77712165da80e5

There is a variable that gets each of these values one by one as an object like this:

{tokenId: '0', address: '0x3ec9c3cb29ed95a396a48a4fbdb6b8546d001d5a'}

Now what I want is that after my task with this variable is done, I want to check the csv file for the matching value and remove just that row by appending it in the existing file. Will love your help. Thanks