Вывод картинок в div посредством переключения радио-кнопок

[Antoxa Goaller]

Есть три input (type="radio"). Нужно, чтобы при выделении радио-кнопки в отдельный div выводилась картинка, соответствующая этой радио-кнопке.
Как это можно осуществить?

[j0hnik]

<input type="radio" name='nn'>
	<input type="radio" name='nn'>
	<input type="radio" name='nn'>

	<div><img src="" alt=""></div>

	<script>
		var arr = ['https://javascript.ru/cat/list/dom.gif', 'https://javascript.ru/cat/list/event.gif', 'https://javascript.ru/cat/list/integr.jpg'];
		document.querySelectorAll('input').forEach((el,i) => el.onchange = e => document.querySelector('div>img').src = el.checked?arr[i]:'');
	</script>

[Antoxa Goaller]

Спасибо! Это как раз то, что мне было нужно.

Ещё такой момент интересует: если inputов несколько, то нужно писать так document.querySelectorAll('input[name=...]'), правильно?
В примере j0hnik ...=nn

[j0hnik]

Antoxa Goaller,
правильно