Help me with this

Question

function applyFormatting(style) {
const selection = window.getSelection();
if (selection.toString().trim() !== '') {
document.execCommand(style, false, null);
}
}

boldBtn.addEventListener('click', () => applyFormatting('bold'));
italicBtn.addEventListener('click', () => applyFormatting('italic'));
underlineBtn.addEventListener('click', () => applyFormatting('underline'));

fontSelect.addEventListener('change', () => {
const font = fontSelect.value;
editor.style.fontFamily = font;
});

fontSizeInput.addEventListener('change', () => {
const fontSize = fontSizeInput.value + 'px';
editor.style.fontSize = fontSize;
});

colorPicker.addEventListener('change', () => {
const color = colorPicker.value;
editor.style.color = color;
});

Answer 1

What is it you're trying to do?
Can you change the tag and add your code as per these guides:

https://sololearn.com/compiler-playground/Wek0V1MyIR2r/?ref=app
https://sololearn.com/compiler-playground/WZ8lkR6gTex6/?ref=app
https://sololearn.com/compiler-playground/W3uiji9X28C1/?ref=app
https://sololearn.com/compiler-playground/W0uW3Wks8UBk/?ref=app

Answer 2

document.execCommand() is deprecated, you will have to find other way to achieve something similar to what was allowed by that method.

https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand

Answer 3

i was trying to make a text editor with html css and js