`; preview.contentDocument.open(); preview.contentDocument.write(code); preview.contentDocument.close(); localStorage.setItem("html", htmlCode.value); localStorage.setItem("css", cssCode.value); localStorage.setItem("js", jsCode.value); } function clearCode() { htmlCode.value = ""; cssCode.value = ""; jsCode.value = ""; updatePreview(); } function openModal() { modal.style.display = "block"; } function closeModal() { modal.style.display = "none"; } heightSlider.addEventListener("input", () => { editorContainer.style.height = heightSlider.value + "px"; preview.style.height = (800 - heightSlider.value) + "px"; }); [htmlCode, cssCode, jsCode].forEach(editor => { editor.addEventListener("input", updatePreview); }); htmlCode.value = localStorage.getItem("html") || ""; cssCode.value = localStorage.getItem("css") || ""; jsCode.value = localStorage.getItem("js") || ""; updatePreview();