This is live code editor (HTML, CSS & JS)
My goal to make a live code editor to make it easier for users who want to make page website by writing code. If you are used to creating web views by writing code, this is the place to write and display the results you write.
We do not store any data for what you write on this website, other than users are visitors for traffic analytics.
Changelog :
1. Minimalist UI/UX
2. Logic sistem input to output
3. Saving data to local dir
Responsive Style
<!DOCTYPE html>
<html>
<head>
<title>Website name</title>
</head>
<body>
<h1>Heading</h1>
<h2>Subheading</h2>
<p>Paragraph</p>
<a href="https://yourlink.com">Your Link</a>
<button>Button</button>
<div>Divider</div>
</body>
</html>
If you want to learn more, you can see my guide.
<h1 id="meexample">This output</h1>
<button onclick="meTextChange()">Click Me</button>
button {
background: teal;
color: white;
padding: 8px 20px;
border: 0px;
border-radius: 20px;
cursor: pointer;
}
button:hover {
background: cadetblue;
}
function meTextChange() {
document.getElementById('meexample').innerHTML = 'Has it changed?';
}