JSFiddle - React, Tailwind, and code Playground

by Yevgeniy

HTML

<div id="a"></div>
<div id="b"></div>
<div id="f"></div>
<input type="text" id="e" value="2255" />
<input type="button" id="b1" value="button" />
<div id="g">g: </div>

JavaScript

//don't worry about hasOwnProperty if using the for loop 
//checking array for containing value types
function something() {
  var e = document.getElementById("e");
  var f = document.getElementById("f");
//    console.log('here');
  f.innerHTML = arr.indexOf(e.value);  
  var g = document.getElementById("g");  
    g.innerHTML += techs.length;   
    if (Object.keys(techs).length > 0) {        
        console.log(Object.keys(techs).length);
        
                for (var i = 0; i<techs.length;i++) {
                    console.log(':' + techs[i].hasOwnProperty("pin"));
                    console.log(i + ', ' + techs[i].pin + ', ' + e.value + ', ' + 
                                (techs[i].pin == e.value).toString());
                    
                    /*console.log(techs[i]);
                    if (techs.hasOwnProperty(i)) {
                        console.log('techs.hasOwnProperty' + i);
                        if (techs[i] == true) {
                            g.innerHTML += (i);
                        }
                    }*/
                }
            }
}

var b1 = document.getElementById("b1");
b1.onclick = something;

var a = document.getElementById("a");
var b = document.getElementById("b");

var arr = [1,2,3,4,5,'2'];
var c = 3;
var d = '3';

a.innerHTML = arr.indexOf(c);
b.innerHTML = arr.indexOf(d);

var techs = [
            { name: "Tech One", pin: 2255 },
            { name: "Tech Two", pin: 3717 },
            { name: "Tech Three", pin: 4328 }
        ];