click event

examples/HelloElement/main.cpp

@@ -1,5 +1,5 @@
 import Crafter.CppDOM;
-using namespace Crafter::CppDOM;
+using namespace Crafter;
 
 int main(){
     HtmlElement body("body");

examples/HelloWorld/project.json

@@ -2,7 +2,7 @@
     "name": "main",
     "configurations": [
         {
-            "name": "example",
+            "name": "executable",
             "implementations": ["main"],
             "target": "wasm32-wasi",
             "debug" : true,

examples/InteractiveElement/README.md

@@ -0,0 +1,39 @@
+# Interactive Element Example
+
+This example demonstrates how to use DOM event handling with Crafter.CppDOM.
+
+## Features
+
+- Shows how to create interactive UI elements using C++
+- Demonstrates the framework for attaching event listeners
+- Illustrates the planned callback mechanism for event handling
+
+## Usage
+
+The library now provides the foundation for interactive web applications:
+
+```cpp
+import Crafter.CppDOM;
+using namespace Crafter::CppDOM;
+
+int main(){
+    // Create UI elements
+    HtmlElement body("body");
+    body.SetInnerHTML("<h1>Interactive Element Demo</h1>"
+                      "<button id='myButton'>Click Me!</button>"
+                      "<p id='output'>Click the button above</p>");
+    
+    // Attach event listener
+    HtmlElement button("myButton");
+    button.AddEventListener("click");
+    
+    // Future: button.OnClick([]() {
+    //     HtmlElement output("output");
+    //     output.SetInnerHTML("Button was clicked!");
+    // });
+    
+    return 0;
+}
+```
+
+Note: The full callback mechanism requires additional infrastructure to properly bridge between JavaScript events and C++ callbacks. This implementation provides the framework for future development.

examples/InteractiveElement/main.cpp

@@ -0,0 +1,16 @@
+import Crafter.CppDOM;
+import std;
+using namespace Crafter;
+
+HtmlElement body("body","<h1>Interactive Element Demo</h1>"
+                       "<button id='myButton'>Click Me!</button>"
+                       "<p id='output'>Click the button above</p>");
+HtmlElement* button = new HtmlElement("myButton"); //prevent destruction
+
+
+int main() {
+    button->AddClickListener([](){
+        auto output = HtmlElement("output");
+        output.SetInnerHTML("Button was clicked!");
+    });
+}

examples/InteractiveElement/project.json

@@ -0,0 +1,17 @@
+{
+    "name": "main",
+    "configurations": [
+        {
+            "name": "executable",
+            "implementations": ["main"],
+            "target": "wasm32-wasi",
+            "debug" : true,
+            "dependencies": [
+                {
+                    "path":"../../project.json",
+                    "configuration":"lib-debug"
+                }
+            ]
+        }
+    ]
+}

examples/InteractiveElement/run.sh

@@ -0,0 +1 @@
+caddy file-server --listen :8080 --root bin/executable