Импорт в html внешней переменной

Question

Мой код должен выключать/включать мою лампочку при нажатии на кнопки:

import express from 'express'
import { Yeelight } from 'yeelight-node'

const yeelight = new Yeelight({ ip: '192.168.0.101', port: 55443 })
const PORT = 3000
const app = express()

app.get('/', (req, res) => {
  res.send(`<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <button onclick="yeelight.set_power('on')">on</button>
    <button onclick="yeelight.set_power('off')">off</button>
</body>
</html>`)
})

app.listen(PORT, () => {
  console.log(`server up on ${PORT} port...`)
})

При нажатии ничего не происходит, и среда разработки показывает, что html документ не понимает, что такое yeelight. Какие есть варианты дать понять сайту значение переменной yeelight? Все методы объекта yeelight рабочие, в них ошибок нет.

БЛОГ НА HUSL

Импорт в html внешней переменной

Ответы (0 шт):