Aso4Tech WebStudio
HTML Structure
index.html
<div class="card"> <h1>Hello Modern Web!</h1> <p>Real-time compilation with Aso4Tech editor.</p> <button id="alertBtn">Interact Me</button> </div>
CSS Styles
style.css
body { background: #0f172a; display: flex; justify-content: center; align-items: center; height: 100vh; color: white; font-family: 'Segoe UI', sans-serif; margin: 0; } .card { background: rgba(255,255,255,0.05); padding: 2rem; border-radius: 20px; border: 1px solid rgba(255,255,255,0.1); text-align: center; backdrop-filter: blur(10px); } #alertBtn { margin-top: 15px; padding: 10px 25px; background: #38bdf8; border: none; border-radius: 8px; cursor: pointer; font-weight: bold; }
JavaScript
script.js
document.getElementById('alertBtn').onclick = () => { alert('JavaScript is working perfectly!'); };
LIVE PREVIEW
-
100%
+
Reset
Fullscreen
Open in New Tab
Export Files