How to change a div when you click on a certain radiobutton using JavaScript?

Good evening!
People help please with the task.
It is necessary to clean e JavaScript without third-party libraries (Jquery, etc) to do the following:
1) There are 3 RadioButtons, each button has a corresponding DIV block.
2) When you select the button, you should see the corresponding block, and the current hiding using css property "display:none;"
For clarity here is an example:
https://jsfiddle.net/on0bzje5/

Can anyone previously faced with this task. Please help with the implementation, searched through the entire Internet could not really find the right, all examples using jquery, but it does not suit me.
P. S: I tried using onclick, but I couldn't, that's not the same... assuming that it is necessary to track the status "checked", but how to implement I do not understand.
Help the good people!)
July 2nd 19 at 14:19
2 answers
July 2nd 19 at 14:21
Solution
https://jsfiddle.net/Ivanq/on0bzje5/4/

Of course the code is terrible (and I have, and I'm sorry for You).
Please call the same everywhere. And then You have value="cityOne" and class="CityOne"
And in CSS you can not write for each item the same, and the comma-separated list, as in my example.

The point is, we store the current selected item and selecting another display replaceable
Thank you very much for the reply. I of course, still do not quite understand how You did it) Thing, the code works as I wanted, going in quietly to study it. Let the force be with You! + Your karma. - Dakota.Stok commented on July 2nd 19 at 14:24
July 2nd 19 at 14:23
You can do without JS https://jsfiddle.net/pfhzf8qs/
Thank you. Only interested in JS) - Dakota.Stok commented on July 2nd 19 at 14:26

Find more questions by tags JavaScriptHTML