Editor - DevPro

                        <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>My DevPro Project</title>
</head>
<body>
  <h1>Hello, DevPro!</h1>
  <p>Start editing to see your changes come to life.</p>
</body>
</html>
                    

                        body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.6;
  color: #333;
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

h1 {
  color: #3498db;
  text-align: center;
}

p {
  font-size: 18px;
}
                    

                        // Your JavaScript code here
console.log("Hello from DevPro!");
document.querySelector("h1").addEventListener("click", function() {
  this.style.color = "#" + Math.floor(Math.random()*16777215).toString(16);
});
                    

Line: 1, Col: 1

Console ready. Run your code to see output.

Project Settings

Sign in to save your project