{"id":1449,"date":"2024-04-03T14:57:05","date_gmt":"2024-04-03T12:57:05","guid":{"rendered":"https:\/\/inseri.swiss\/?p=1449"},"modified":"2025-11-26T14:57:05","modified_gmt":"2025-11-26T14:57:05","slug":"javascript-code-block","status":"publish","type":"post","link":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/2024\/04\/javascript-code-block\/","title":{"rendered":"JavaScript Code Block"},"content":{"rendered":"\n

The JavaScript Code Block allows to run JavaScript code in a separate web worker. It is therefore ideal for performing computations in the background.<\/p>\n\n\n\n

It is possible to install new packages using importScripts<\/code>. For example we will get the current date and time.<\/p>\n\n\n\n

The JavaScript block can run on demand (press Run<\/strong>), automatically, and one can even hide it.<\/p>\n\n\n\n

is loading …<\/div>\n\n\n\n

And below we display the value in a Text Viewer block.<\/p>\n\n\n\n

is loading …<\/div>\n\n\n\n

The block allows asynchronous behaviour and await<\/code> is permitted within the main body of the code. Imagine that we want to fetch an image. We can use fetch<\/code> directly without having it within an async<\/code> function.<\/p>\n\n\n\n

is loading …<\/div>\n\n\n\n

Next we display the image by using the Image Box block.<\/p>\n\n\n\n

is loading …<\/div>\n\n\n\n

For more details please see the corresponding\u00a0documentation<\/a>.<\/p>\n\n\n\n

\n
<\/div>\n\n\n\n
\n
is loading …<\/div>\n<\/div>\n\n\n\n
\n
is loading …<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

The JavaScript Code Block allows to run JavaScript code in a separate web worker. It is therefore ideal for performing computations in the background. It is possible to install new packages using importScripts. For example we will get the current date and time. The JavaScript block can run on demand (press Run), automatically, and one […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34],"tags":[40,43,44,50,53],"class_list":["post-1449","post","type-post","status-publish","format-standard","hentry","category-inseri-core-block","tag-export","tag-image-box","tag-javascript-code","tag-share","tag-text-viewer"],"_links":{"self":[{"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/posts\/1449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/comments?post=1449"}],"version-history":[{"count":1,"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/posts\/1449\/revisions"}],"predecessor-version":[{"id":2129,"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/posts\/1449\/revisions\/2129"}],"wp:attachment":[{"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/media?parent=1449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/categories?post=1449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/tags?post=1449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}