I don't know what made me think of this.
In case this has not been brought up in a while (I doubt this is new to seasoned folk) ...
I was thinking: could I use an iFrame to include simple javascript in a tiddler without getting into macros or plugins that enable javascript.
And, if I could, then could I set things up so that the iFrame is showing javascript dynamically created by the tiddler ?
So here is a way to show a digital clock in TiddlyWiki, for non-programmers who just want to copy and paste javascript code from the web without figuring out how the javascript code works :
Put this in a brand new tiddler:
<$vars vSrcDoc={{{ [[<body> <div id="clockDiv"></div> <script> let clockEl = document.getElementById("clockDiv"); function getClockTime() { let date = new Date(); let hr = date.getHours(); let min = date.getMinutes(); let sec = date.getSeconds(); hr = ("0" + hr).slice(-2); min = ("0" + min).slice(-2); sec = ("0" + sec).slice(-2); clockEl.innerHTML = `${hr}:${min}:${sec}`; } setInterval(getClockTime, 1000); </script></body>]] }}}>
<iframe srcdoc=<<vSrcDoc>> style="border:none;width:100%;"></iframe>
</$vars>
Sneaky sneaky, has me wondering what kind of other fun things could be done...