# 🎆 New Year fun with uibuilder - no-code web pages

**URL:** https://discourse.nodered.org/t/new-year-fun-with-uibuilder-no-code-web-pages/73120
**Category:** Share Your Nodes
**Tags:** uibuilder
**Created:** [3 January 2023 18:20 UTC](https://discourse.nodered.org/t/new-year-fun-with-uibuilder-no-code-web-pages/73120 "2023-01-03T18:20:38Z")
**Posts on this page:** 1
**Showing post:** 17

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [4 January 2023 13:57 UTC](https://discourse.nodered.org/t/new-year-fun-with-uibuilder-no-code-web-pages/73120/17 "2023-01-04T13:57:17Z")

</div>

And for even more fun, why not send new HTML - this not only changes the random number in the text but also the colour!

Change the inject's payload to `"Random: <span style='color:rgb(calc(100 + " & $formatInteger($random()*100, "0") & "), calc(100 + " & $formatInteger($random()*100, "0") & "), calc(100 + " & $formatInteger($random()*100, "0") & "))'>" & $formatInteger($random()*100, "0") & "</span>"`

and the index.js code to:

```auto
    if (msg.topic === 'elChange') {
        const el = $('#chain2 *[data-row-name="ROW2"] *[data-col-name="COL2"]')
        if (msg.contentType !== 'TEXT') {
            el.innerHTML = msg.payload
        } else {
            el.innerText = msg.payload
        }
    }

```

---

_[View the full topic](https://discourse.nodered.org/t/new-year-fun-with-uibuilder-no-code-web-pages/73120)._