Mmemo

PC作業に関するメモ

カラーコードをランダム生成する関数

概要

カラーコードをランダム生成する関数。

DEMO

Changeボタンを押すと上にある四角形の色がランダム変化する。

コード

//ここはデモ部分
let op_box = document.getElementById('color_box');
let op_text = document.getElementById('color_code')
document.getElementById('color_change').addEventListener('click',function(){
  let color = random_color_hex();
  op_text.textContent = color;
  op_box.style.backgroundColor = color;
},false);

//ここが本題の関数
function random_color_hex(){
  let color = Math.ceil(16777215 * Math.random()).toString(16);
  let length = color.length;
  while(length < 6){
    color = '0' + color;
    length++;
  }
  return '#' + color;
}