diff --git a/examples/InputValueExample/README.md b/examples/InputValueExample/README.md new file mode 100644 index 0000000..0795820 --- /dev/null +++ b/examples/InputValueExample/README.md @@ -0,0 +1,42 @@ +# InputValueExample + +This example demonstrates how to get and set input element values using Crafter.CppDOM. + +## Features + +- Shows how to get input element values using GetValue() +- Demonstrates how to set input element values using SetValue() +- Illustrates updating UI elements based on input changes +- Shows how to reset input values + +## Usage + +```cpp +import Crafter.CppDOM; +import std; +using namespace Crafter; + +HtmlElement* body = new HtmlElement("body", R"(

Input GetValue() and SetValue() Example



)"); +HtmlElement* button = new HtmlElement("button"); +HtmlElement* output = new HtmlElement("valueOutput"); +HtmlElement* input = new HtmlElement("input"); + +int main(){ + button->AddClickListener([](Crafter::MouseEvent) { + std::string newValue = input->GetValue(); + output->SetInnerHTML(newValue); + input->SetValue(""); + }); +} +``` + +## Building and Running + +```bash +crafter-build build executable +./run.sh +``` + +Then navigate to `http://localhost:8080/` in your browser. + +If caddy is not installed, you can use your favorite static file server instead. \ No newline at end of file