3J_WTL_2024/06/script.js

function changeScolor() {
    let colorList = document.getElementById("scolor");
    let selectColorIndex = colorList.selectedIndex;
    let futureColor =colorList.options[selectColorIndex].value;

    document.getElementById("ltext").style.color = futureColor;
}

function changeSfont() {
    let fontList = document.getElementById("sfont");
    let selectfontIndex = fontList.selectedIndex;
    let futurefont =fontList.options[selectfontIndex].value;
    document.getElementById("ltext").style.fontFamily = futurefont;
}

function dynColor() {
    let color = document.getElementById("tcolor").value;
    console.log(color);
    document.getElementById("ltext").style.color = color;
}

function bColor() {
    let color = document.getElementById("bcolor").value;
    console.log(color);
    document.getElementById("ltext").style.backgroundColor = color;
}