如何将事件监听器和属性添加到 Deno 中的 HTML 元素

Question

我有以下带有 Deno 运行时的代码，它在网站上显示了一个按钮：

如何更改此按钮的属性
如何为这个按钮添加 eventListner

import { serve } from "https://deno.land/std@v0.24.0/http/server.ts"

async function main() {
    const body = new TextEncoder().encode(`<button>click me</button>\n`);
    const s = serve({ port: 8000 });
    console.log(`Server had been started at: http://localhost:8000/`);
    for await (const req of s) {
      req.respond({ body });
    }
};

main()

Answer 1

通过替换

<button>click me</button>\n

和

<button id='button' onclick="document.getElementById('button').innerHTML='wow I changed'">click me</button>\n

或您单独添加 eventListener 的另一个示例

`<button id='button'>click me</button><script>document.getElementById('button').addEventListener('click',function(){document.getElementById('button').innerHTML='wow I changed';});</script>\n`

如何将事件监听器和属性添加到 Deno 中的 HTML 元素

How can I add eventListner and attribute to HTML element in Deno

deno