Variable array for alternating outcomes
<p>I'm trying to show a random array taken from the two variable arrays and alternate between them, I don't care about storage. My code is not working and I don't know why.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var boy = ["have a shot", "item 2", "item 3"];
var girl = ["have a shot", "item 2", "item 3"];
var selector = 1;

function rbg()

if (selector == 1) {
  document.getElementById("ppp").innerHTML = boy[Math.floor(Math.random() * boy.length)];
  selector = 2;
} else if (selector == 2) {
  document.getElementById("ppp").innerHTML = girl[Math.floor(Math.random() * girl.length)];
  selector = 0;
} else {
  document.getElementById("ppp".innerHTML = "have a shot each"; selector = 1;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="random" onclick="rbg()"&gt;Random&lt;/div&gt;

&lt;p id="ppp"&gt;outcome&lt;/p&gt;</code></pre>
</div>
</div>
</p>