42 lines
1.2 KiB
Markdown
42 lines
1.2 KiB
Markdown
|
# 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"(<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
|
||
|
|
|
||
|
|
```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.
|