scribbledecobble: Are you my type?

README

In computer science, primitive data type is either of the following:^{[citation needed]}

a basic type is a data type provided by a programming language as a basic building block. Most languages allow more complicated composite types to be recursively constructed starting from basic types.
a built-in type is a data type for which the programming language provides built-in support.

In most programming languages, all basic data types are built-in. In addition, many languages also provide a set of composite data types.

— Wikipedia, Primitive data type (retrieved 27 July 2017)

Code

<h1>What's your type?</h1>

<select id="select-who">
  <option value="bird">bird: "Robbin"</option>
  <option value="pi">pi: Math.PI</option>
  <option value="infinity">infinity: Infinity</option>
  <option value="undef">undef: undefined</option>
  <option value="a">a: [1, 2, 3, "cat", dog", "tree"]</option>
  <option value="f">f: false</option>
  <option value="foo">foo: function() { alert("bar"); }</option>
  <option value="n">n: null</option>
  <option value="o">o: {}</option>
  <option value="h">h: {h: "hello"}</option>
  <option value="x">x: 10</option>
  <option value="y">y: 010</option>
  <option value="z">z: 0b10</option>
  <option value="A">A: "A"</option>
  <option value="parseIntA">parseIntA: parseInt("A")</option>
  <option value="parseIntA_11">parseIntA_11: parseInt("A", 11)</option>
  <option value="parseIntA_12">parseIntA_12: parseInt("A", 12)</option>
  <option value="parseIntA_13">parseIntA_13: parseInt("A", 13)</option>
  <option value="parseIntA1_11">parseIntA1_11: parseInt("A1", 11)</option>
  <option value="parseIntA1_12">parseIntA1_12: parseInt("A1", 12)</option>
  <option value="parseIntA1_13">parseIntA1_13: parseInt("A1", 13)</option>
  <option value="hundredMinus90">hundredMinus90: 100 - 90</option>
  <option value="oneMinusPoint9">oneMinusPoint9: 1 - 0.9</option>
  <option value="oneDividedBy0">oneDividedBy0: 1 / 0</option>
</select>

<h2>Value</h2>
<pre id="display-value">
</pre>

<h2>Value Stringified</h2>
<pre id="display-stringified">
</pre>

<h2>Type</h2>
<div id="display-type">
</div>

<script>

  const individuals  = {
    bird: "Robbin",
    pi: Math.PI,
    infinity: Infinity,
    undef: undefined,
    a: [1, 2, 3, "cat", "dog", "tree"],
    f: false,
    foo: function() { alert("bar"); },
    h: {h: "hello"},
    n: null,
    o: {},
    x: 10,
    y: 010,
    z: 0b10,
    A: "A",
    parseIntA: parseInt("A"),
    parseIntA_11: parseInt("A", 11),
    parseIntA_12: parseInt("A", 12),
    parseIntA_13: parseInt("A", 13),
    parseIntA1_11: parseInt("A1", 11),
    parseIntA1_12: parseInt("A1", 12),
    parseIntA1_13: parseInt("A1", 13),
    hundredMinus90: 100 - 90,
    oneMinusPoint9: 1 - 0.9,
    oneDividedBy0: 1 / 0
  }

  const selectWho = document.getElementById("select-who"),
        displayValue = document.getElementById("display-value"),
        displayStringified = document.getElementById("display-stringified"),
        displayType = document.getElementById("display-type");

  selectWho.selectedIndex = -1;

  selectWho.addEventListener("change", function() {

    const yourId = selectWho.options[selectWho.selectedIndex].value,
          yourValue = individuals[yourId];
          yourType = typeof yourValue;
          
    displayValue.innerHTML = yourValue;
    displayStringified.innerHTML = JSON.stringify(yourValue);
    displayType.innerHTML = yourType;
  });

  console.log(JSON.stringify(individuals));

</script>

scribbledecobble

Pages

Are you my type?

README

Code

See also