Sandbox: Difference between revisions

Revision as of 10:00, 2 October 2025

The attribute "tagname" must be set for this tag.

@@ Line 1: / Line 1: @@
-<script type="text/javascript">
+<htmltag>
-  // Simple "Hello World" message
+  <!-- Input field -->
-  console.log("Hello World"); // prints to browser console
+  <input type="text" id="myInput" placeholder="Type something here" />
-   // Also display on the page
+   <!-- JavaScript snippet -->
-  var message = document.createElement('p');
+  <script type="text/javascript">
-  message.textContent = "Hello World";
+    // Print "Hello World" to the console
-  message.style.color = "blue";  // optional styling
+    console.log("Hello World");
-  document.body.appendChild(message);
-</script>
+    // Also display a message on the page
+    var message = document.createElement('p');
+    message.textContent = "Hello World";
+    message.style.color = "green"; // optional styling
+    document.body.appendChild(message);
+    // Add event listener to input
+    var input = document.getElementById('myInput');
+    input.addEventListener('input', function() {
+      console.log('Input value:', this.value);
+    });
+  </script>
+</htmltag>