kirkleon
/
pokemon-color-search


			
				
					
						
						
							123456789101112131415161718192021222324252627
							<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>Pokemon By Color</title>
        <script src="database.js"></script>
        <script src="nearest.js"></script>
    </head>
    <body>
        <noscript>Requires javascript</noscript>
        <div id="root">
            <div>Click random, or enter six digit hex code (no #) and press enter</div>
            <button onclick="onRandomColor()">Random color</button>
            <input id="color-input" onchange="onColorChange()" />
            <img src="https://img.pokemondb.net/sprites/sword-shield/icon/bulbasaur.png" />
            <br/>
            <span>Number to find:</span>
            <input type="range" min="1" max="100" value="20" oninput="onColorChange()" id="num-poke">
            <span id="num-poke-display">20</span>
            <br/>
            <span>Closeness coefficient:</span>
            <input type="range" min="0" max="10" value="2" step="0.1" oninput="onColorChange()" id="close-coeff">
            <span id="close-coeff-display">2</span>
            <ul id="best-list"></ul>
        </div>
    </body>
</html>