<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: coderbang1</title>
    <description>The latest articles on DEV Community by coderbang1 (@coderbang1).</description>
    <link>https://dev.to/coderbang1</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F568305%2Ff28e2168-f55c-4670-afe9-eb0aead91911.png</url>
      <title>DEV Community: coderbang1</title>
      <link>https://dev.to/coderbang1</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/coderbang1"/>
    <language>en</language>
    <item>
      <title>MetaMask - Internal JSON-RPC error </title>
      <dc:creator>coderbang1</dc:creator>
      <pubDate>Sun, 26 Sep 2021 15:33:32 +0000</pubDate>
      <link>https://dev.to/coderbang1/metamask-internal-json-rpc-error-38gd</link>
      <guid>https://dev.to/coderbang1/metamask-internal-json-rpc-error-38gd</guid>
      <description>&lt;p&gt;i was following nader full stack nft marketplace, where i can mint nfts but when i try to buy it gives me this error :MetaMask - Internal JSON-RPC error &lt;/p&gt;

&lt;p&gt;code: 3, message: "execution reverted: Please submit the asking price in order to complete the purchase", data:&lt;/p&gt;

&lt;p&gt;along with this:Uncaught (in promise) &lt;/p&gt;

&lt;p&gt;any solution&lt;/p&gt;

</description>
      <category>node</category>
    </item>
    <item>
      <title>project ID does not have access to polygon l2</title>
      <dc:creator>coderbang1</dc:creator>
      <pubDate>Fri, 17 Sep 2021 02:46:40 +0000</pubDate>
      <link>https://dev.to/coderbang1/project-id-does-not-have-access-to-polygon-l2-dnd</link>
      <guid>https://dev.to/coderbang1/project-id-does-not-have-access-to-polygon-l2-dnd</guid>
      <description>&lt;p&gt;when i try to deploy it on test net this error keep coming!&lt;br&gt;
what i have to do?&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Stack too deep, try removing local variables </title>
      <dc:creator>coderbang1</dc:creator>
      <pubDate>Fri, 06 Aug 2021 11:52:26 +0000</pubDate>
      <link>https://dev.to/coderbang1/stack-too-deep-try-removing-local-variables-46g7</link>
      <guid>https://dev.to/coderbang1/stack-too-deep-try-removing-local-variables-46g7</guid>
      <description>&lt;p&gt;while compiling in remix i get the above error:&lt;/p&gt;

&lt;p&gt;&lt;code&gt;CompilerError: Stack too deep, try removing local variables.&lt;br&gt;
&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;&lt;code&gt;(uint256 rAmount, uint256 rTransferAmount, uint256 rFee) = _getRValues(tAmount, tFee, tLiquidity, tCharity, tMarketing, _getRate());&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;here is the code part&lt;/p&gt;

&lt;p&gt;&lt;code&gt;function _getValues(uint256 tAmount) private view returns (uint256, uint256, uint256, uint256, uint256, uint256, uint256, uint256) {&lt;/code&gt;&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;`(uint256 tTransferAmount, uint256 tFee, uint256 tLiquidity, uint256 tCharity , uint256 tMarketing) = _getTValues(tAmount);`

`(uint256 rAmount, uint256 rTransferAmount, uint256 rFee) = _getRValues(tAmount, tFee, tLiquidity, tCharity, tMarketing, _getRate());`

`return (rAmount, rTransferAmount, rFee, tTransferAmount, tFee, tLiquidity, tCharity, tMarketing);
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;} `&lt;/p&gt;

</description>
    </item>
    <item>
      <title>send a certain portion to a specific address with every transaction in Smart Contract
</title>
      <dc:creator>coderbang1</dc:creator>
      <pubDate>Tue, 06 Apr 2021 23:27:31 +0000</pubDate>
      <link>https://dev.to/coderbang1/send-a-certain-portion-to-a-specific-address-with-every-transaction-in-smart-contract-1kjp</link>
      <guid>https://dev.to/coderbang1/send-a-certain-portion-to-a-specific-address-with-every-transaction-in-smart-contract-1kjp</guid>
      <description>&lt;p&gt;i have created a Smartcontract. now i want the functionality: where 2.5% of every transaction is transferred to a fixed address. say the address is 0x809341c1c1cba2d6accf8188bca463a119443d. i know it can be done but could not able to sum up the code.&lt;/p&gt;

&lt;p&gt;here is the contract&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt; `pragma solidity ^0.5.0;


 contract ERC20Interface {
      function totalSupply() public view returns (uint);
     function balanceOf(address tokenOwner) public view returns (uint balance);

function allowance(address tokenOwner, address spender) public view returns (uint remaining);

function transfer(address to, uint tokens) public returns (bool success);
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;function approve(address spender, uint tokens) public returns(bool success);&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function transferFrom(address from, address to, uint tokens) public returns (bool success);

event Transfer(address indexed from, address indexed to, uint tokens);
event Approval(address indexed tokenOwner, address indexed spender, uint tokens);
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;}&lt;/p&gt;

&lt;p&gt;safe math---------------------------------------------------------------------------&lt;br&gt;
......................&lt;br&gt;
/////////&lt;/p&gt;

&lt;p&gt;contract me is ERC20Interface, SafeMath {&lt;br&gt;
    string public name;&lt;br&gt;
    string public symbol;&lt;br&gt;
    uint8 public decimals; // 18 decimals is the strongly suggested default, avoid changing it&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;uint256 public _totalSupply;

mapping(address =&amp;gt; uint) balances;
mapping(address =&amp;gt; mapping(address =&amp;gt; uint)) allowed;


constructor() public {
    name = "me";
    symbol = "me";
    decimals = 18;
    _totalSupply = 250000000000000000000000000;

    balances[msg.sender] = _totalSupply;
    emit Transfer(address(0), msg.sender, _totalSupply);
}

function totalSupply() public view returns (uint) {
    return _totalSupply  - balances[address(0)];
}

function balanceOf(address tokenOwner) public view returns (uint balance) {
    return balances[tokenOwner];
}

function allowance(address tokenOwner, address spender) public view returns (uint remaining) {
    return allowed[tokenOwner][spender];
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;function approve(address spender, uint tokens) public   returns (bool success) {&lt;br&gt;
        allowed[msg.sender][spender] = tokens;&lt;br&gt;
        emit Approval(msg.sender, spender, tokens);&lt;br&gt;
        return true;&lt;br&gt;
    }&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;function transfer(address to, uint tokens) public returns (bool success) {
    balances[msg.sender] = safeSub(balances[msg.sender], tokens);
    balances[to] = safeAdd(balances[to], tokens);
    emit Transfer(msg.sender, to, tokens);
    return true;
}

function transferFrom(address from, address to, uint tokens) public returns (bool success) {
    balances[from] = safeSub(balances[from], tokens);
    allowed[from][msg.sender] = safeSub(allowed[from][msg.sender], tokens);
    balances[to] = safeAdd(balances[to], tokens);
    emit Transfer(from, to, tokens);
    return true;
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;}&lt;/p&gt;

</description>
    </item>
    <item>
      <title>
can someone suggest me, what i have to do to connect contentful with my ecom site.</title>
      <dc:creator>coderbang1</dc:creator>
      <pubDate>Sun, 31 Jan 2021 16:07:32 +0000</pubDate>
      <link>https://dev.to/coderbang1/can-someone-suggest-me-what-i-have-to-do-to-connect-contentful-with-my-ecom-site-2n8b</link>
      <guid>https://dev.to/coderbang1/can-someone-suggest-me-what-i-have-to-do-to-connect-contentful-with-my-ecom-site-2n8b</guid>
      <description>&lt;p&gt;i have created a ecom sites in JavaScript. now i want to connect it with contentful. i think i did everything right, but its not working.&lt;/p&gt;

&lt;p&gt;here is my main.js file&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt; const client = contentful.createClient({
// This is the space ID. A space is like a project folder in Contentful terms
space: "bao7ve9vhfk1",
// This is the access token for this space. Normally you get both ID and the token in the Contentful web app
accessToken: "8MOXl3bT6KvbpuTnU65ICHNmKrCThiusXPOqVJ92KHk"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;});&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;  let carts = document.querySelectorAll('.add-cart');

 let products = [ 
  {
    name: "Grey Tshirt",
    tag: "greytshirt",
    price: 15,
    inCart: 0
   },
   {
    name: "Grey Hoddie",
    tag: "greyhoddie",
    price: 20,
    inCart: 0
   },
  {
    name: "Black Tshirt",
    tag: "blacktshirt",
    price: 15,
    inCart: 0
  },
  {
    name: "Black Hoddie",
    tag: "blackhoddie",
    price: 20,
    inCart: 0
  }
 ];

  for(let i=0; i&amp;lt; carts.length; i++) {
carts[i].addEventListener('click', () =&amp;gt; {
    cartNumbers(products[i]);
    totalCost(products[i]);
});
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;}&lt;/p&gt;

&lt;p&gt;function onLoadCartNumbers() {&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;let productNumbers = localStorage.getItem('cartNumbers');
if( productNumbers ) {
    document.querySelector('.cart span').textContent = productNumbers;
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;}&lt;/p&gt;

&lt;p&gt;function cartNumbers(product, action) {&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;let productNumbers = localStorage.getItem('cartNumbers');
productNumbers = parseInt(productNumbers);


let cartItems = localStorage.getItem('productsInCart');
cartItems = JSON.parse(cartItems);



if( action ) {
    localStorage.setItem("cartNumbers", productNumbers - 1);
    document.querySelector('.cart span').textContent = productNumbers - 1;
    console.log("action running");
} else if( productNumbers ) {
    localStorage.setItem("cartNumbers", productNumbers + 1);
    document.querySelector('.cart span').textContent = productNumbers + 1;
} else {
    localStorage.setItem("cartNumbers", 1);
    document.querySelector('.cart span').textContent = 1;
}
setItems(product);
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;}&lt;/p&gt;

&lt;p&gt;function setItems(product) {&lt;br&gt;
    // let productNumbers = localStorage.getItem('cartNumbers');&lt;br&gt;
    // productNumbers = parseInt(productNumbers);&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;let cartItems = localStorage.getItem('productsInCart');
cartItems = JSON.parse(cartItems);



if(cartItems != null) {
    let currentProduct = product.tag;

    if( cartItems[currentProduct] == undefined ) {
        cartItems = {
            ...cartItems,
            [currentProduct]: product
        }
    } 
    cartItems[currentProduct].inCart += 1;

} else {
    product.inCart = 1;
    cartItems = { 
        [product.tag]: product
    };
}

localStorage.setItem('productsInCart', JSON.stringify(cartItems));
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;}&lt;/p&gt;

&lt;p&gt;function totalCost( product, action ) {&lt;br&gt;
    let cart = localStorage.getItem("totalCost");&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;if( action) {
    cart = parseInt(cart);

    localStorage.setItem("totalCost", cart - product.price);
} else if(cart != null) {

    cart = parseInt(cart);
    localStorage.setItem("totalCost", cart + product.price);

} else {
    localStorage.setItem("totalCost", product.price);
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

&lt;p&gt;}&lt;/p&gt;

&lt;p&gt;async function displayCart() {&lt;br&gt;
     let content = await client.getEntries({&lt;br&gt;
        content_type: 'ecom'&lt;br&gt;
     });&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;  //.then((response) =&amp;gt; console.log(response.time))
  //.catch(console.error)
let cartItems = localStorage.getItem('productsInCart');
cartItems = JSON.parse(cartItems);

let cart = localStorage.getItem("totalCost");
cart = parseInt(cart);

let productContainer = document.querySelector('.products');



if( cartItems &amp;amp;&amp;amp; productContainer ) {
    productContainer.innerHTML = '';
    Object.values(cartItems).map( (item, index) =&amp;gt; {

        productContainer.innerHTML += 
        `&amp;lt;div class="product"&amp;gt;&amp;lt;ion-icon name="close-circle"&amp;gt;&amp;lt;/ion-icon&amp;gt;&amp;lt;img src="./images/${item.tag}.jpg" /&amp;gt;
            &amp;lt;span class="sm-hide"&amp;gt;${item.name}&amp;lt;/span&amp;gt;
        &amp;lt;/div&amp;gt;
        &amp;lt;div class="price sm-hide"&amp;gt;$${item.price},00&amp;lt;/div&amp;gt;
        &amp;lt;div class="quantity"&amp;gt;
            &amp;lt;ion-icon class="decrease " name="arrow-dropleft-circle"&amp;gt;&amp;lt;/ion-icon&amp;gt;
                &amp;lt;span&amp;gt;${item.inCart}&amp;lt;/span&amp;gt;
            &amp;lt;ion-icon class="increase" name="arrow-dropright-circle"&amp;gt;&amp;lt;/ion-icon&amp;gt;   
        &amp;lt;/div&amp;gt;
        &amp;lt;div class="total"&amp;gt;$${item.inCart * item.price},00&amp;lt;/div&amp;gt;`;
    });

    productContainer.innerHTML += `
        &amp;lt;div class="basketTotalContainer"&amp;gt;
            &amp;lt;h4 class="basketTotalTitle"&amp;gt;Basket Total&amp;lt;/h4&amp;gt;
            &amp;lt;h4 class="basketTotal"&amp;gt;$${cart},00&amp;lt;/h4&amp;gt;

        &amp;lt;/div&amp;gt;`

    deleteButtons();
    manageQuantity();
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

</description>
      <category>javascript</category>
      <category>html</category>
      <category>css</category>
    </item>
    <item>
      <title>
i have create a shopping cart .But when i remove any items form my cart the grand total remains same.</title>
      <dc:creator>coderbang1</dc:creator>
      <pubDate>Fri, 29 Jan 2021 07:01:11 +0000</pubDate>
      <link>https://dev.to/coderbang1/i-have-create-a-shopping-cart-but-when-i-remove-any-items-form-my-cart-the-grand-total-remains-same-2jlb</link>
      <guid>https://dev.to/coderbang1/i-have-create-a-shopping-cart-but-when-i-remove-any-items-form-my-cart-the-grand-total-remains-same-2jlb</guid>
      <description>&lt;pre class="highlight plaintext"&gt;&lt;code&gt;      Here is my code...

       &amp;lt;!DOCTYPE html&amp;gt;
&lt;/code&gt;&lt;/pre&gt;



&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;meta charset="UTF-8"&amp;gt;
&amp;lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&amp;gt;
&amp;lt;script src='https://kit.fontawesome.com/a076d05399.js'&amp;gt;&amp;lt;/script&amp;gt;
&amp;lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&amp;gt;
&amp;lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"&amp;gt;
&amp;lt;title&amp;gt;Food Shop&amp;lt;/title&amp;gt;
&lt;/code&gt;&lt;/pre&gt;




&lt;br&gt;
    &lt;br&gt;
        
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;            &amp;lt;a href="cart.html"&amp;gt;&amp;lt;i class="fa fa-shopping-cart" style="color:red" &amp;gt; &amp;lt;/i&amp;gt;&amp;lt;/a&amp;gt;
            &amp;lt;a class="navbar-brand" href="#"&amp;gt;Pizza shop&amp;lt;/a&amp;gt;

    &amp;lt;/div&amp;gt;
  &amp;lt;/nav&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;div class="card" style="width: 18rem;"&amp;gt;
    &amp;lt;img class="card-img-top" src="images/p.jpg" alt="Card image cap"&amp;gt;
    &amp;lt;div class="card-body"&amp;gt;
      &amp;lt;h5 class="card-title"&amp;gt;Blossum pizza&amp;lt;/h5&amp;gt;
      &amp;lt;p class="card-text"&amp;gt;$10&amp;lt;/p&amp;gt;
      &amp;lt;a href="#" class="btn btn-primary"&amp;gt;add to cart &amp;lt;/a&amp;gt;
    &amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;

&amp;lt;div class="card" style="width: 18rem;"&amp;gt;
    &amp;lt;img class="card-img-top" src="images/m.jpg" alt="Card image cap"&amp;gt;
    &amp;lt;div class="card-body"&amp;gt;
      &amp;lt;h5 class="card-title"&amp;gt;Blossum pizza&amp;lt;/h5&amp;gt;
      &amp;lt;p class="card-text"&amp;gt;$15&amp;lt;/p&amp;gt;
      &amp;lt;a href="#" class="btn btn-primary"&amp;gt;add to cart&amp;lt;/a&amp;gt;
    &amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&lt;/code&gt;&lt;/pre&gt;



&lt;br&gt;
    &lt;br&gt;
    







&lt;p&gt;javascript&lt;/p&gt;

&lt;pre class="highlight plaintext"&gt;&lt;code&gt; let carts = document.querySelectorAll(".btn-primary");

 let products= [
{
    name: 'pizza',
    price:10,
    tag: 'ppizza',
    inCart:0
},
{
    name: 'pitza',
    price:15,
    tag: 'mpizza',
    inCart:0

}


];
for (let i = 0; i&amp;lt; carts.length; i++) {
carts[i].addEventListener('click', () =&amp;gt; {
cartNumbers(products[i]);
totalCost(products[i]);
})
}

function cartLoad() {
let productNumbers = localStorage.getItem('cartNumbers');

if (productNumbers){
    document.querySelector('.fa-shopping-cart').textContent 

 =productNumbers;
}
&lt;/code&gt;&lt;/pre&gt;

&lt;p&gt;}&lt;/p&gt;

&lt;pre class="highlight plaintext"&gt;&lt;code&gt; function cartNumbers(product) {

 let productNumbers = localStorage.getItem('cartNumbers');



  productNumbers = parseInt(productNumbers);

  if (productNumbers) {
    localStorage.setItem('cartNumbers', productNumbers + 1);
    document.querySelector('.fa-shopping-cart').textContent                    
     =productNumbers + 1;
  }
  else{
    localStorage.setItem('cartNumbers',  1);
    document.querySelector('.fa-shopping-cart').textContent  
     =1;
  }
  setItems(product);



}

function setItems(product){
  let cartItems = localStorage.getItem('productsIncart');
  cartItems = JSON.parse(cartItems);
  if(cartItems !=null){
    if(cartItems[product.tag] == undefined){
      cartItems ={
        ...cartItems,[product.tag]:product
      }

    }

    cartItems[product.tag].inCart +=1;
  }else{
    product.inCart = 1;
   cartItems ={
    [product.tag]:product
  }

  }

localStorage.setItem('productsIncart',JSON.stringify   
(cartItems));

}

function totalCost(product){
  let cartCost = localStorage.getItem('totalCost');


  if (cartCost !=null){
    cartCost = parseInt(cartCost);
    localStorage.setItem("totalCost", cartCost + product.price);
  }else{
    localStorage.setItem("totalCost",product.price);
  }


}

function displayCart(){
let cartItems = localStorage.getItem("productsIncart");
  cartItems = JSON.parse(cartItems);

  let productContainer = document.querySelector (".products")
  let cartCost = localStorage.getItem('totalCost');

  if(cartItems &amp;amp;&amp;amp; productContainer){
      productContainer.innerHTML ='';
      Object.values(cartItems).map(item =&amp;gt;{

        productContainer.innerHTML += `

    &amp;lt;div class=""container"&amp;gt;
        &amp;lt;div class="row"&amp;gt;
               &amp;lt;div class="col-sm"&amp;gt;
               &amp;lt;button type="button" class="dark" &amp;gt;Remove &amp;lt;/button&amp;gt;
                  ${item.name}


                &amp;lt;/div&amp;gt;

              &amp;lt;div class="col-sm"&amp;gt;
                  ${item.price} 
              &amp;lt;/div&amp;gt;
              &amp;lt;div class="col-sm"&amp;gt;
              &amp;lt;button style='font-size:10px;color:red'&amp;gt;decrease &amp;lt;i class='fas fa-angle-left'&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;/button&amp;gt;


                 ${item.inCart}
                 &amp;lt;button style='font-size:10px;color:blue'&amp;gt;increase &amp;lt;i class='fas fa-angle-right'&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;/button&amp;gt;


              &amp;lt;/div&amp;gt;

              &amp;lt;div class="col-sm"&amp;gt;
                  ${item.price * item.inCart}
                &amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;
    &amp;lt;/div&amp;gt;
         `;
      });

      productContainer.innerHTML += `

      &amp;lt;div class="container"&amp;gt;
      &amp;lt;div class="col-6 col-md-4"&amp;gt;
          &amp;lt;div class="col"&amp;gt;
          &amp;lt;h4&amp;gt;  Grand Total &amp;lt;/h4&amp;gt;
            &amp;lt;div class="p-3 border bg-light"&amp;gt;${cartCost}&amp;lt;/div&amp;gt;

          &amp;lt;/div&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;/div&amp;gt;
      `

  }

}
displayCart();
cartLoad();


  let button = document.getElementsByClassName('dark');
 for (let i = 0; i &amp;lt; button.length; i++) {
  button[i].addEventListener('click', function(event)  {
   let clicked= event.target
   clicked.parentElement.parentElement.remove()
   remove();


   })

 }

 function remove(){
 let itemRemove = localStorage.getItem("cartNumbers");

  itemRemove = parseInt(itemRemove);
  if(itemRemove){
    localStorage.setItem("cartNumbers", itemRemove -1)
    document.querySelector('.fa-shopping-cart').textContent =itemRemove - 1;
  } else{
    localStorage.setItem("cartNumbers",1);
    document.querySelector('.fa-shopping-cart').textContent = 1;


  }

}
&lt;/code&gt;&lt;/pre&gt;

</description>
      <category>javascript</category>
      <category>html</category>
      <category>css</category>
    </item>
  </channel>
</rss>
