leestott

<!--
These are just circles moving away from an initial position
A big part of the code is the noise generator used to smoothly change the direction of their movement and the hue of the newly generated circles.
-->

leestott

<div id="app">
    <h2>Police data for Oxfordshire</h2>
    <p>Using data from <a href="https://data.police.uk/docs/method/crime-street/">https://data.police.uk/docs/method/crime-street/</a></p>
    <p>Built using <a href="https://vuejs.org/">vue.js</a> and <a href="https://marketplace.visualstudio.com/items?itemName=vsls-contrib.gistfs">gistpad</a></p>
    <p>Dataset source <a href="https://data.police.uk/api/crimes-street/all-crime?poly=51.85110973276099,%20-1.4057047320491165:51.86298424914946,%20-1.1282999468928665:51.71262569681858,%20-1.1241800738459915:51.70241375059155,%20-1.3905985308772415:51.850261433101906,%20-1.4043314410334915">https://data.police.uk/api/crimes-street/all-crime?poly=51.85110973276099,%20-1.4057047320491165:51.86298424914946,%20-1.1282999468928665:51.71262569681858,%20-1.1241800738459915:51.70241375059155,%20-1.3905985308772415:51.850261433101906,%20-1.4043314410334915</a></p>
    <p>Sample data: <a href="sample.json">sample.json</a></p>
    <button @click="clearData">Clear data<

leestott

Type Selector

Select elements by their type. Selects all elements of type A. Type refers to the type of tag, so div, p and ul are all different element types.

Examples

• div selects all div elements.
• p selects all p elements.

leestott

<span id="pc" class="hidden">✊</span>
<div id="player">
  <span id="rock">✊</span>
  <span id="paper">🤚</span>
  <span id="scissor">✌️</span>
</div>
<p class="hidden">You Win</p>