JSFiddle - React, Tailwind, and code Playground

by nazmoonnoor

HTML

<input type="text" class="red">
<input type="text" class="green">
<input type="text" class="blue"> 
<br>
<div id="example"></div>    
<br>
<input type="button" class="clickme" value='Click Me'>

JavaScript

var red, green, blue;

//Red 
$('.red').keyup(function(){
    red = $(this).val();
    //$('#example').text(red); 
  console.log(red);
  
});
//Green
 $('.green').keyup(function(){
    green = $(this).val();
    //$('#example').text(green); 
  console.log(green);
  
});
//Blue
 $('.blue').keyup(function(){
    blue = $(this).val();
    //$('#example').text(blue); 
  console.log(blue);
  
});


function RGB2HTML(red, green, blue)
{
    return '#' + parseInt(red).toString(16) +
           parseInt(green).toString(16) +
           parseInt(blue).toString(16);
}

$('.clickme').on('click', function(){
    alert(RGB2HTML(red, green, blue));
})