Cannot delete buttons using js

Question

I can't delete two <button> tags using javascript. When you enter the wrong pin, I want the buttons to delete themselves but somehow it's not working.

var radar = document.getElementsByTagName("button");
var pin = 3778;
var pin_request = prompt("Podaj pin")
if (pin_request == pin) {
  document.write("Podany pin: " + pin_request);
  alert("Podano właściwy pin.");

} else {

  document.write("odmowa dostępu.");
  radar.parentNode.removeChild(radar);
}

<html>

<head>
  <meta charset="UTF-8">
  <style>
    html {
      text-align: center;
      padding: 7em;
      display: block;
    }
    
    button {
      margin: 1cm;
    }
  </style>
</head>

<body><br>
  <button>dodaj pieniądze</button>
  <button>zainwestuj w nieruchomości</button>
  <script src="do visual studio code.js"></script>
</body>

</html>

Also sorry for half-English code.

No, I tried probably every combination with child and remove elements but nothing seems to work. ( Ben Coupe) — Smooth Neon
– Smooth Neon, Commented Nov 12, 2020 at 22:04
@EmielZuurbier ah my brain autofilled the words after document.getElementBy — Coupe
– Coupe, Commented Nov 12, 2020 at 22:05

Cagri Tacyildiz · Accepted Answer · 2020-11-12 22:04:38Z

2

You can use querySelectorAll to get elements and in loop remove them.

 var radar = document.querySelectorAll("button");
var pin = 3778;
var pin_request = prompt("Podaj pin")
if (pin_request == pin)
{
    document.write("Podany pin: "+pin_request);
    alert("Podano właściwy pin.");
    
}
else {
    
   document.write("odmowa dostępu.");
    radar.forEach(el=>{
       el.remove();
    })
}

<html>
    <head>
        <meta charset="UTF-8">
        <style>
            html{text-align:center; padding:7em; display:block;}
            button{
                margin:1cm;
            }
        </style>
    </head>
    <body><br>
   <button>dodaj pieniądze</button>
    <button>zainwestuj w nieruchomości</button>
    <script src="do visual studio code.js"></script>
</body>

answered Nov 12, 2020 at 22:04

Cagri Tacyildiz

17.7k6 gold badges38 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

TobiWestside · Accepted Answer · 2020-11-12 22:03:58Z

1

getElementyByTagName() returns an array of elements, but removeChild() only takes one element as an argument. If you use a loop it should work:

var parent = radar[0].parentNode
for(var i = 0; i < radar.length; i++) {
    parent.removeChild(radar[i])
}

answered Nov 12, 2020 at 22:03

TobiWestside

2143 silver badges6 bronze badges

Comments

urchmaney · Accepted Answer · 2020-11-12 22:07:44Z

<!DOCTYPE HTML5>
<html>
    <head>
        <meta charset="UTF-8">
        <style>
            html{text-align:center; padding:7em; display:block;}
            button{
                margin:1cm;
            }
        </style>
    </head>
    <body><br>
   <button>dodaj pieniądze</button>
    <button>zainwestuj w nieruchomości</button>
    <script>
      var radar = document.querySelectorAll("button");
var pin = 3778;
var pin_request = prompt("Podaj pin")
if (pin_request == pin)
{
    document.write("Podany pin: "+pin_request);
    alert("Podano właściwy pin.");
    
}
else {
    
   document.write("odmowa dostępu.");
    radar.forEach(ele =>{
      ele.remove(); 
    })
}

    </script>
</body>
</html>

sample · Accepted Answer · 2020-11-12 22:08:22Z

0

This should work

 var radar = document.getElementsByTagName("button");
var pin = 3778;
var pin_request = prompt("Podaj pin")
if (pin_request == pin)
{
    document.write("Podany pin: "+pin_request);
    alert("Podano właściwy pin.");
    
}
else {
    
   document.write("odmowa dostępu.");
   var elem = document.getElementById('btn1');
    elem.parentNode.removeChild(elem);
    var elem2 = document.getElementById('btn2');
    elem2.parentNode.removeChild(elem2);
}

<button id = 'btn1'>dodaj pieniądze</button>
    <button id = 'btn2'>zainwestuj w nieruchomości</button>

answered Nov 12, 2020 at 22:08

sample

4123 silver badges10 bronze badges

Collectives™ on Stack Overflow

Cannot delete buttons using js

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related