MAKIO135 · January 23, 2021 14:59
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <title>Hello Reactor</title>
 <script src="reactor.js"></script>
 <script src="main.js"></script>
diff --git a/main.js b/main.js
 const reactor = new Reactor()

 reactor.on('big bang', () => console.log('This is big bang listener!'))
 reactor.on('big bang', (...args) => console.log(args))

 reactor.dispatchEvent('big bang', 135, 'test', [1, 2, 3])
diff --git a/reactor.js b/reactor.js
 class Event {
    constructor(name) {
        this.name = name
        this.callbacks = []
    }
    
    registerCallback(callback) {
        this.callbacks.push(callback)
    }
 }

 class Reactor {
    constructor() {
        this.events = {}
    }
    
    registerEvent(eventName) {
        this.events[eventName] = new Event(eventName)
    }
    
    dispatchEvent(eventName, ...eventArgs) {
        this.events[eventName].callbacks.forEach(callback => callback(...eventArgs))
    }
    
    on(eventName, callback) {
        if(!this.events[eventName]) this.registerEvent(eventName)
        this.events[eventName].registerCallback(callback)
    }
 }
	const reactor = new Reactor()

	reactor.on('big bang', () => console.log('This is big bang listener!'))
	reactor.on('big bang', (...args) => console.log(args))

	reactor.dispatchEvent('big bang', 135, 'test', [1, 2, 3])
	class Event {
	constructor(name) {
	this.name = name
	this.callbacks = []
	}

	registerCallback(callback) {
	this.callbacks.push(callback)
	}
	}

	class Reactor {
	constructor() {
	this.events = {}
	}

	registerEvent(eventName) {
	this.events[eventName] = new Event(eventName)
	}

	dispatchEvent(eventName, ...eventArgs) {
	this.events[eventName].callbacks.forEach(callback => callback(...eventArgs))
	}

	on(eventName, callback) {
	if(!this.events[eventName]) this.registerEvent(eventName)
	this.events[eventName].registerCallback(callback)
	}
	}