Sandbox: Difference between revisions

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

Revision as of 10:01, 2 October 2025