Web Tutor

<div id="app">
  <h1>Hello, World!</h1>
  <p>Start coding...</p>
</div>

body {
  font-family: system-ui, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin: 0;
  background: #1a1a2e;
  color: #eee;
}
#app {
  text-align: center;
  padding: 2rem;
}
h1 { color: #e94560; }

document.querySelector('#app h1').addEventListener('click', () => {
  alert('Hello from Web Tutor!');
});

Ask the Tutor

Tutor Response

Your AI tutor's explanations will appear here.