Crawlsource Native
HTML5 (Visual)
JavaScript (Logic)
Save Project
Run Code ▶
Code Editor
<!DOCTYPE html> <html> <head> <style> body { font-family: sans-serif; padding: 20px; background: #f0f0f0; } .card { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); } h2 { color: #333; margin-top: 0; } button { padding: 10px 20px; background: #007acc; color: white; border: none; border-radius: 4px; cursor: pointer; } button:hover { background: #005f9e; } </style> </head> <body> <div class="card"> <h2>Hello from Crawlsource</h2> <p>This is your offline, secure environment.</p> <button onclick="showMessage()">Click Me</button> <p id="msg"></p> </div> <script> function showMessage() { document.getElementById('msg').innerText = "JavaScript is running securely!"; } </script> </body> </html>
Web Preview