gaku-ura/js/text_color.js

20 行
1.0 KiB
JavaScript

function c(){
var s = document.querySelector('input[name="color"]:checked').value;
document.getElementById('text').setAttribute('class',s);
}
document.getElementById('color_b').addEventListener('click',c);
document.getElementById('color_r').addEventListener('click',c);
document.getElementById('color_v').addEventListener('click',c);
document.getElementById('color_o').addEventListener('click',c);
document.getElementById('color_gr').addEventListener('click',c);
document.getElementById('color_dg').addEventListener('click',c);
document.getElementById('color_bl').addEventListener('click',c);
document.getElementById('color_lz').addEventListener('click',c);
document.getElementById('color_ja').addEventListener('click',c);
document.getElementById('color_p').addEventListener('click',c);
document.getElementById('color_pp').addEventListener('click',c);
document.getElementById('color_wd').addEventListener('click',c);
document.getElementById('color_pn').addEventListener('click',c);
document.getElementById('color_db').addEventListener('click',c);