How to get popup when my table has data instead blank or None?

Question

I'm working on a django project. where my requirement is if a table has all the data then on button click i should get a alert that that table has data. code for the table

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}



HTML Table

 Assign Status 
       
    

  
    Robot
    Short Desc
    Status
  
  
    Demo1
    Maria Anders
    Available
  
  
    Demo2
    Francisco Chang
    Available
  
  
    Demo3
    Roland Mendel
    Not-Available
  
  
    Demo4
    Helen Bennett
    Running

in this table in the column Status has value like Available, Not-Available, Running then I need a alert like all the status are assigned on click of assign status button. But if in the status column there's value like Null, None or black then there no alert needed. How to achieve that?

user_3990896 · Answer

There's many ways you can accomplish what you want and the below is just one of them.

I added a class .status for each status column to then get every element with that class and check if they match any of the string in array statusOptions.

const statusOptions = ["None"];

var btn = document.getElementById("assignbtn");

btn.onclick = function() {
  var fireAlert = true;
  var statuses = document.querySelectorAll(".status");
  statuses.forEach(function(elem) {
    if (!elem.innerText || statusOptions.includes(elem.innerText)) {
      fireAlert = false;
    }
  });
  if (fireAlert) {
    alert(' All the status are assigned');
  }
};

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}



HTML Table

 Assign Status 
       
    

    
    Robot
    Short Desc
    Status
  
  
    Demo1
    Maria Anders
    Available
  
  
    Demo2
    Francisco Chang
    Available
  
  
    Demo3
    Roland Mendel
    Not-Available
  
  
    Demo4
    Helen Bennett
    Running

How to get popup when my table has data instead blank or None?

1 Answers