About
Explore
Events & Classes
Support Us
Join
Sign In
Lilla Mardiui
View Project Page
Run
Fullscreen
Word Document
HTML
CSS
JS
<html> <head> <title>Word Document</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body> <div class="heading"> <div class="row">Word Document: Â <div spellcheck="false" id="heading" contenteditable></div>.docx</div> </div> <div id="content" contenteditable="true"></div> </body> </html>
html { font-family: "Helevetica", sans-serif; } body { color: #333; font-weight: 100; max-width: 50em; margin: 0 auto; background-color: #b7b7b7; border: 1px solid black; } .row { display: flex; } div:focus { outline: none; } .heading { font-size: 48px; padding-top: 30px; border-bottom: 1px solid gray; padding-bottom: 20px; padding-left: 20px; background-color: #3232FF; color: white; } #content { padding: 20px; word-break: break-word; font-size: 24px; overflow: auto; height: 100%; margin: 10px; background-color: white; }
document.getElementById("heading").innerHTML = localStorage["title"] || "lmo"; // default text document.getElementById("content").innerHTML = localStorage["text"] || "Word Document - From Lilla Mardiui Official!"; // default text setInterval(function() { // fuction that is saving the innerHTML of the div localStorage["title"] = document.getElementById("heading").innerHTML; // heading div localStorage["text"] = document.getElementById("content").innerHTML; // content div }, 1000);
About
Explore
Events & Classes
Support Us
Join
Sign In
.png)