Untitled

 avatar
unknown
javascript
2 years ago
693 B
6
Indexable
document.addEventListener('DOMContentLoaded', function () {
    
    document.querySelector('.user-input').addEventListener('input', addText);
    document.querySelector('.change-style').addEventListener('click', addStyle);

    function addText () {
        let inputText = document.querySelector('.user-input').value;
        let outputText = document.querySelector('.user-output');
        outputText.textContent = inputText;
    }

    function addStyle () {   
        let selectStyle = document.querySelector('.options').value;
        let outputText = document.querySelector('.user-output');
        outputText.classList.add(selectStyle);

        addText();
    }
});
Editor is loading...
Leave a Comment