например:
<input id="three" type="radio" value="1" name="id2[]" />
<input id="two" type="radio" value="2" name="id2[]" />
<input id="one" type="text" value="" name="id1" />
<script>
const actions ={
one: () => console.log('hi there')
}
const handler = e => {
console.log(e.target.id, e.target.name, e.target.value)
actions[e.target.id] && actions[e.target.id]()
}
['click', 'input'].forEach(event => addEventListener(event, handler))
</script>
""как ты их объединяешь?" Кого их ? страницы?"
как загружаешь на страницу, может стоит посмотреть на import, export?
"Еще есть ответный пакет с данными формата JSON, значения которых надо распихать по input,div(c разными ID), можно на это тоже сделать свое событие?"
может переписать на MVVM? что-нибудь типа...
https://github.com/jorgebucaran/hyperapp