$(document).ready(() => {
	const howlerList = {};

	$('#name').click(() => {
		const rsound = Math.floor(Math.random() * 100) + 1;
		rsound === 42 ? howlerList.realname.play() : howlerList.name.play();
	});

	// Create buttons and make them play corresponding sounds
	for (const sound of sounds) {
		const season = $(`div.buttons-wrap.season${sound.season.replace(/\s/g, '-')}`);

		howlerList[sound.filename] = new Howl({
			src: [`/sounds/${sound.filename}.mp3`, `/sounds/${sound.filename}.ogg`, `/sounds/${sound.filename}.aac`]
		});

		if (sound.filename === 'realname') continue;
		// don't create button for this one
		if (season.length) {
			season.append(`<button id=${sound.filename}>${sound.displayName}</button>`);
		}
		else {
			$('#container').append('<br><br>');
			$('#container').append(`<div class="titles">Season ${sound.season}:</div>`);
			$(`<div class="buttons-wrap season${sound.season.replace(/\s/g, '-')}">`)
				.appendTo('#container')
				.append(`<button id=${sound.filename}>${sound.displayName}</button>`);
			// use appendTo to get reference to newly-created wrapper in return value which is then appended to
		}
		if (sound.filename === 'name') continue;
		// create button but don't use standard click function
		$(`#${sound.filename}`).click(() => howlerList[sound.filename].play());
	}
});
@@ -48,165 +48,8 @@
 %7D;%0A%0A
-%09$('#name').click(() =%3E %7B%0A%09%09const rsound = Math.floor(Math.random() * 100) + 1;%0A%09%09rsound === 42 ? howlerList.realname.play() : howlerList.name.play();%0A%09%7D);%0A%0A
 %09// 
@@ -981,16 +981,17 @@
  to%0A%09%09%7D%0A
+%0A
 %09%09if (so
@@ -1011,24 +1011,193 @@
 === 'name') 
+%7B%0A%09%09%09$('#name').click(() =%3E %7B%0A%09%09%09%09const rsound = Math.floor(Math.random() * 100) + 1;%0A%09%09%09%09rsound === 42 ? howlerList.realname.play() : howlerList.name.play();%0A%09%09%09%7D);%0A%09%09%09
 continue;%0A%09%09
@@ -1251,16 +1251,20 @@
 unction%0A
+%09%09%7D%0A
 %09%09$(%60#$%7B

fix "name" sound