Untitled

<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<title>Welke Kleur?</title>
</head>
<body>
<h1>Welke Kleur?</h1>
<p>Gemaakt door Bastiaan van der Plaat</p>
<p><input type="color" id="color_input"></p>
<p>Kleur: <b id="color_text">none</b></p>
<script src="brain.js"></script>
<script>
var color_input = document.getElementById('color_input');
var color_text = document.getElementById('color_text');
const network = new brain.NeuralNetwork();
network.train([
    {input: { r: 0, g: 0, b: 0 }, output: { black: 1 }},
    {input: { r: 255, g: 0, b: 0 }, output: { red: 1 }},
    {input: { r: 0, g: 255, b: 0 }, output: { green: 1 }},
    {input: { r: 0, g: 0, b: 255 }, output: { blue: 1 }},
    {input: { r: 255, g: 255, b: 255 }, output: { white: 1 }}
], { iterations: 20000 });
color_input.onchange = function () {
    color_text.textContent = JSON.stringify(network.run({
        r: parseInt(color_input.value.substring(1, 3), 16),
        g: parseInt(color_input.value.substring(3, 5), 16),
        b: parseInt(color_input.value.substring(5, 7), 16)
    }));
};
</script>
</body>
</html>