Skip to content
Permalink
master
Switch branches/tags
Go to file
 
 
Cannot retrieve contributors at this time
layout title date published categories tags keywords hide_description description
post
Privacy-friendly Wizard House Quiz
2018-08-07 20:23
true
digitalisation
data-protection
GDPR
data protection
wizard house quiz
quiz
true
You also do not want to read the lengthy privacy policy of www.pottermore.com and create an account, just to know your Wizard House Quiz? Here you have a privacy-friendly alternative.

You also do not want to read the lengthy privacy policy https://www.pottermore.com/about/privacy and create an account, just to know your Wizard House Quiz? Here you have a privacy-friendly alternative.

<script src="/assets/js/vue.min.js"></script>

Find your Wizard House

Click the button at your favourite time to learn your Wizard house!

{% raw %}

Favourite Time:
Now!
Your Wizard House:
{{ house }}
<script> var app5 = new Vue({ el: '#app', data: { house: '', houses: [ `Slytherin`, `Hufflepuff`, `Ravenclaw`, `Griffondor`, ] }, methods: { setHouse: function (event) { this.house = this.houses[Math.floor(Math.random()*this.houses.length)]; event.preventDefault(); } } }) </script>

{% endraw %}

Wizard House names may be protected under some legal acts in some countries. {:.note title="Legal Notice"}

No personal data from this quiz is stored or transferred. {:.note title="Privacy Notice"}

Automated Decision Making

The following formular is employed to determine your house:

this.house = this.houses[Math.floor(Math.random()*this.houses.length)]

Source Code

{% raw %}

<div id="app">
  <form style="border: 1px solid black; padding: 5px">
    <div class="form-group row">
      <label for="staticEmail" class="col-sm-5 col-form-label">Favourite Time:</label>
      <div class="col-sm-7">
        <button v-on:click="setHouse($event)" class="btn btn-primary btn-sm" id="staticEmail">Now!</button>
      </div>
    </div>
    <div class="form-group row">
      <label for="inputPassword" class="col-sm-5 col-form-label">Your Wizard House:</label>
      <div class="col-sm-7" id="inputPassword">
        {{ house }}
      </div>
    </div>
  </form>
</div>

<script>
  var app5 = new Vue({
  el: '#app',
  data: {
    house: '',
    houses: [
      `Slytherin`,
      `Hufflepuff`,
      `Ravenclaw`,
      `Griffondor`,
    ]
  },
  methods: {
    setHouse: function (event) {
      this.house = this.houses[Math.floor(Math.random()*this.houses.length)];
      event.preventDefault();
    }
  }
  })
</script>

{% endraw %}