Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<input id="search_width" placeholder="Width....">
<input id="search_height" placeholder="Height...">
<input id="result" placeholder="Price is...">
<br>
<table>
<tr id="width"><th></th><th>30</th><th>60</th><th>70</th><th>80</th><th>90</th><th>100</th></tr>
<tr>
<td id="height">60</td><td>442</td><td>850</td><td>999</td><td>1852</td><td>2442</td><td>3999</td>
</tr>
    
<tr>
<td id="height">70</td><td>2442</td><td>2850</td><td>2999</td><td>21852</td><td>22442</td><td>23999</td>   
</tr> 
    
<tr>
<td id="height">80</td><td>3442</td><td>3850</td><td>3999</td><td>31852</td><td>32442</td><td>33999</td>
</tr> 
    
<tr>
<td id="height">90</td><td>1442</td><td>4850</td><td>4999</td><td>41852</td><td>42442</td><td>43999</td>
</tr>
</table>
  
  
  
  
  
  
  
</body>
</html>
 
 
 $(document).ready(function(){
   
   var x=[];
   var y=[];
   
  function getTableData(){
     var j=0;
    $('table tr:first-child').find('th').each(function(){   
           
     y.push(parseInt($(this).html()));
      x[0]=y;
    });   
   
        for(i=1; i<$('table tr').length; i++){
      
       
      y=[];
      var row=$('table tr').get(i);  
     $(row).find('td').each( function(){ 
       
      
       y.push(parseInt($(this).html()));
      
     });
     x[i]=y;
     
        
      
    }
    
  
     
   }
    
   getTableData(); 
   
    
    var indexH=0;
    var indexW=0;
   
   
 
 $('#search_width').on('keyup', function(){
 var valueW=parseInt($(this).val());
   $('#result').val(" ");
   $('table tr:first-child').find('th').each(function(){
     
     if(valueW===parseInt($(this).html())){
       
          indexW=$(this).index();  
          if(indexH){
       
              $('#result').val(x[indexH][indexW]);
       
            }
      
       
          }
     
     
   }); 
   
   
   
 });
  
 
 
   $('#search_height').on('keyup', function(){
   
     var valueH=parseInt($(this).val());
     $('#result').val(" ");
     
        $('table tr td:first-child').each(function(){
     
     if(valueH===parseInt($(this).html())){
       
         indexH=$(this).parent().index();
         if(indexW){
       
            $('#result').val( x[indexH][indexW] );
       
               }
      
       
         }
     
  
          
          
   });
     
  
 });
   
  
 
 });
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
itsgoingdownpro
0viewers