Crafter.CppDOM/examples/InputValueExample/README.md

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

import Crafter.CppDOM;
import std;
using namespace Crafter;

HtmlElement* body = new HtmlElement("body", R"(<h1>Input GetValue() and SetValue() Example</h1><br><input id="input" type="text" placeholder="Enter your text here..."><br><button id="button">Change Value</button><p id ="valueOutput"></p>)");
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

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.