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

Share Your Nodes
17

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:

    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
        }
    }