JSFiddle - React, Tailwind, and code Playground

by gravi2

HTML

<table style="width:100%">
  <tr id="row1">
    <td class="operandA">1</td>
    <td class="operator">*</td>		
    <td class="operandB">3</td>
     <td>=</td>		
      <td class="result"></td>		
  </tr>
 
    <tr id="row2">
    <td class="operandA">1</td>
    <td class="operator">-</td>		
    <td class="operandB">3</td>
     <td>=</td>		
      <td class="result"></td>		
  </tr>
    
  <tr id="row3">
    <td class="operandA">1</td>
    <td class="operator">+</td>		
    <td class="operandB">3</td>
      <td>=</td>		
      <td class="result"></td>
  </tr>
  
</table>

JavaScript

$( document ).ready(function() {
   var $rows = $("tr");
for (i =0; i< $rows.length; i++)
{
    var opA = parseInt($($rows[i]).find(".operandA").html());
    var opB = parseInt($($rows[i]).find(".operandB").html());
    var operator = $($rows[i]).find(".operator").html();
    
    if(opA !== "NAN" && opB !== "NAN"){
        var result;
        switch(operator){
            case "+":
                result =  opA + opB;
                break;
            case "-":
                result =  opA - opB;
                break;
            case "*":
                result =  opA * opB;
                break;
            case "/":
                result =  opA / opB;
                break;                
        }
        
        $($rows[i]).find(".result").html(result); 
    }
    else
    {
        $($rows[i]).find(".result").html("NA"); 
    }
} 
});