Skip to content

Instantly share code, notes, and snippets.

View leestott's full-sized avatar

Lee Stott leestott

View GitHub Profile
@leestott
leestott / index.html
Created May 16, 2020 20:09 — forked from solrevdev/index.html
Vue.js - gistpad - display local police info
<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<

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
leestott / index.html
Last active May 21, 2020 10:46 — forked from lostintangent/index.html
Rock paper scissors
<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>