element represented as plain text */,
"img": "" /* HTML element represented by its source URL */,
"a": {
"text": "" /*Element Text*/,
"color": "" /* Element color (e.g., #FF3D3D, Red, Yellow) */,
"fontWeight": "normal" /* Font weight (e.g., normal, bold, bolder) */,
"fontStyle": "italic" /* Font style (e.g., italic, normal) */,
"css": "" /*css*/,
"action": {
"fetch": {
"url": "" /* URL to fetch external content */,
"notify": "Thinking..." /* Message shown to user or AI during action */
} /* Fetch action: retrieves data from an external source */
} /* Element-level actions */
} /* HTML element represented in JSON with optional styling and actions */,
"div": {
"h1": "This is an example of Programming." /* Simple
element as plain text */,
"p": {
"id": "resultInJavaScript" /*Unique element identifier for script targeting*/,
"text": "" /*Initial text content (empty until script updates it)*/
},
"p2": {
"id": "resultInCsharp" /*Unique element identifier for C# script targeting*/,
"text": "" /*Initial text content (empty until script updates it)*/
}
},
"script": [
{
"language": "JavaScript" /*Programming language used inside @{ } expressions*/,
"target": "resultInJavaScript" /*Element ID to update after evaluation*/,
"set": {
"text": "The 20% of 55 is @{55*20/100}" /*Inline expression evaluated by AI*/
},
"@": "{}" /*Full code block executed by AI in declared language*/
},
{
"language": "C#" /*Programming language for the block code*/,
"target": "resultInCsharp" /*Element ID to update after evaluation*/,
"set": {
"text": "The 20% of 55 is @{55*20/100}" /*Inline expression (optional)*/
},
"@": "{var val1 = 55; var val2 = 70; var percent = 20; var rs = val1 * percent / 100; this.text= 'The 20% of 55 isThe 20% of 55 is @{rs}'}"
/*Full code block executed by AI in declared language*/
/*@{rs} Updates the target element's text*/
}
]
}
] /* Page content. Any HTML element can be represented in JSON form */
} /*Page 1*/,
{
} /*Page 2*/
]
}
]
}
}