Unlock Dynamic IoT for Students with Himatronics

// HTML Button Template
<button onclick="sendToController('ON', 'your-device-id')">Turn On Light</button>

// JS Function (Dynamic)
function sendToController(value, deviceId) {
fetch('/api/tx', {
method: 'POST',
body: JSON.stringify({device: deviceId, data: value})
}).then(res => console.log('TX Sent: ' + value));
}

// JS RX Listener (Dynamic Polling/WebSocket)
setInterval(() => {
fetch('/api/rx?device=your-device-id')
.then(res => res.json())
.then(data => {
document.getElementById('data-display').innerText = data.value;
// e.g., Update chart with number
});
}, 1000); // 1s interval

// Display Element
<div id="data-display">Waiting for RX...</div>