random-charts/RandomCharts.html at master · shaefer/random-charts · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Random Charts 0.0.2</title>

  <!-- include source files here... -->
  <script src='https://code.responsivevoice.org/responsivevoice.js'></script>
  <script src="node_modules/scriber-js/dist/scriber.min.js"></script>
  <script src="node_modules/seedrandom/seedrandom.min.js"></script>
  <script src="src/RandomChart.js"></script>
  <script src="src/DiceChart.js"></script>
  <script src="src/UniqueTavernTraits.js"></script>
</head>

<body>
  <script>
    function attachResultToDOMScriber(item) {
      var preNode = scriber
        .pre()
        .text(JSON.stringify(item, null, "  "))
      .end().toHTMLElement();
      document.body.appendChild(preNode);
    }

    function buildChartAndExecute(seed) {
      var item = new UniqueTavernTraits(seed).get();
      attachResultToDOMScriber(item);
    }

    buildChartAndExecute();
    //buildChartAndExecute("Fixed");
    //buildChartAndExecute("Fixed2");

    <!--var diceChartItems = ["One1", "Two2", "Three3", "Four4", "Five5", "Six6", "Seven7"];-->
    <!--DiceChart.create("DiceChartClass", 2, 4, diceChartItems);-->
    <!--var diceChartItem = new DiceChartClass("Fixed").get();-->
    <!--attachResultToDOMScriber(diceChartItem);-->

    <!--var items = ["One1", "Two2", "Three3"];-->
    <!--RandomChart.create("NewChartClassName", items);-->
    <!--var randomSelection = new NewChartClassName().get();-->
    <!--console.warn(JSON.stringify(randomSelection));-->

    document.addEventListener("DOMContentLoaded", function(event) {
      console.warn("Dom ready");
      responsiveVoice.OnVoiceReady = function() {
        console.log("speech time?");

        function attachResultToDOMScriber(item) {
          var preNode = scriber
            .pre()
            .text(JSON.stringify(item, null, "  "))
          .end().toHTMLElement();
          document.body.appendChild(preNode);
          responsiveVoice.speak(item[0].text);
        }

        function buildChartAndExecute(seed) {
          var item = new UniqueTavernTraits(seed).get();
          attachResultToDOMScriber(item);
        }

        buildChartAndExecute();
      };

    });
  </script>
</body>
</html>