Всем доброго вечера ! Знаю в javascript я ниже плинтуса и его совсем еще не учил, (исправлюсь честно)

я с толкнулся с проблемой и пытался ее решить самостоятельно 4 сутки и все бестолку, перечитал кучу примеров основу конкретного участка но все четно волосы уже дыбом и начинают отпускаться руки в общем проблема следующего характера:

вот сам

window.addEventListener('load', function() {
	var websocket = new WebSocket(`ws://${window.location.hostname}/ws`);
	websocket.onopen = function(event) {
	 console.log('Connection established');
	}
	websocket.onclose = function(event) {
	 console.log('Connection died');
	}
	websocket.onerror = function(error) {
	 console.log('error');
	};
	websocket.onmessage = function(event) {
	 if (event.data == "1") {
		document.getElementById('state').innerHTML = "ON";
		document.getElementById('toggle-btn').checked = true;
	 }
	 else {
		document.getElementById('state').innerHTML = "OFF";
		document.getElementById('toggle-btn').checked = false;
	 }
	  
	 if (event.data == "1") {
		document.getElementById('TyTy').innerHTML = "ON";
		document.getElementById('toggle-btn2').checked = true;
	 }
	 else {
		document.getElementById('TyTy').innerHTML = "OFF";
		document.getElementById('toggle-btn2').checked = false;
	 }
  
	};
	document.getElementById('toggle-btn').addEventListener('change', function() { websocket.send('toggle');});
	document.getElementById('toggle-btn2').addEventListener('change', function() { websocket.send('toggle2');})	
 });

можно ли как то объединить эти две строки ?

1
2

document.getElementById('toggle-btn').addEventListener('change', function() { websocket.send('toggle');});
document.getElementById('toggle-btn2').addEventListener('change', function() { websocket.send('toggle2');})

проблема в том что они управляют чекбоксами и естественно так как последняя строка выполняется а первую игнорит

и получается за двоение этих чек боксов. извините что может не совсем корректно описал свою проблему.

циклы