import * as color from 'onecolor';

function okClick(e) {
    let rgb = document.getElementById("rgb");
    let cmykCode =  convertColor(rgb.value);
    outputCmykCode(cmykCode);
}

function convertColor(rgbCode) {
    let rgbColor = color(rgbCode);
    let cyan = (rgbColor.cyan() * 100).toFixed(2) ;
    let magenta = (rgbColor.magenta() * 100).toFixed(2);
    let yellow = (rgbColor.yellow() * 100).toFixed(2);
    let black = (rgbColor.black() * 100).toFixed(2);
    return `${cyan}/${magenta}/${yellow}/${black}`;
}

function outputCmykCode(cmykCode) {
    let cmykEle = document.getElementById("cmyk");
    cmykEle.innerText = cmykCode;
}

document.addEventListener('DOMContentLoaded', () => {
    document.getElementById("ok").addEventListener("click", okClick);
});