JSFiddle - React, Tailwind, and code Playground

by George Berkeley

HTML

<input type="text" name="input" value="0" onchange="x()" /><img name="img" src="http://ts4.mm.bing.net/th?id=HN.608050838230665827&pid=15.1" />
	<br />
    <input type="text" name="input" value="0" onchange="x()" /><img name="img" src="http://ts4.mm.bing.net/th?id=HN.608050838230665827&pid=15.1" />
    <br />


	<input type="range" min="0" max="10" step="2" name="input" value="0" onchange="x()" /><img name="img" src="http://ts4.mm.bing.net/th?id=HN.608050838230665827&pid=15.1" />
	<br />
	<input type="range" min="0" max="10" step="2" name="input" value="0" onchange="x()" /><img name="img" src="http://ts4.mm.bing.net/th?id=HN.608050838230665827&pid=15.1" />

JavaScript

function x()
	{	    
	    var input = document.getElementsByTagName("input");
	    var img   = document.getElementsByTagName("img");
	    var arrayInputs = new Array();
	    var arrayImgs   = new Array();


	          arrayInputs[0] = input[0].value;
	          arrayInputs[1] = input[1].value;
	          arrayInputs[2] = input[2].value;
	          arrayInputs[3] = input[3].value;

	          var indice = "";
	 
	          for (var i=0; i<arrayInputs.length; i++)
	          {
		            if (arrayInputs[i] != '0')
		            {
		            	  img[i].src = "http://www.my-essencia.es/es/wp-content/uploads/2012/02/icono_telefono.gif";
		            }
	          }
	}