aboutsummaryrefslogtreecommitdiff
path: root/content/pages/motus/motus.rst
blob: 7a6c1590c766a2b851ea80f0a76ce1fe7751f71d (plain)
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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
.. -*- mode: rst -*-
.. -*-  coding: utf-8 -*-

Solveur pour SUTOM
==================

:status: hidden
:save_as: pages/motus/index.html
:url: pages/motus/
:tags: application
:date: 2022-01
:summary:

  .. class::
   :center:

   .. line-block::

     🟥🟦🟦🟡🟡🟡🟦
     🟥🟥🟥🟥🟥🟥🟥

.. raw:: html

  <style>

  * {
    box-sizing: border-box;
  }

  /* Column container */
  article > div {
    display: flex;
    flex-wrap: wrap;
  }

  /* Side column */
  #regles-actives {
    flex: 30%;
    padding: 20px;
  }

  /* Main column */
  #analyse {
    flex: 70%;
    padding: 20px;
  }

  input[type='text'] { font-size: 24px; }

  fieldset {
    display: table;
    margin: 2em 0;
  }
  fieldset div {
    display: table-row;
  }

  fieldset label {
   display: table-cell;
   padding-right: 20px;
   vertical-align: middle;
  }

  #table { width: unset; }
  table tr td input { width: 2em; text-align: center}
  #table tr td input.wellplaced { background-color: lightgreen;}
  #table tr td input.misplaced { background-color: gold;}
  #table tr:first-child { outline: thin solid; }

  </style>
  <noscript>Sorry, you need to enable JavaScript to see this page.</noscript>
    <script id="lib" type="text/javascript" defer="defer" src="{static}motus.js"></script>
  <script>
    var script = document.getElementById('lib');
    script.addEventListener('load', function() {
    lib.run("length"
           , "send"
           , "dictonnary"
           , "proposition"
           , "side_list"
           , "table"
           , "next_btn"
           , "reload");
    });
  </script>

Analyse
-------

.. raw:: html

    <button  style="float:right;" id="reload"><i class="fa fa-redo-alt"></i></button>
    <table id="table" style="margin: 0 auto">
    </table>
    <button id="next_btn" hidden="true">Suivant</button>
  <fieldset>
    <div>
      <label for="source">Lettres</label>
      <input type="number" id="length" name="source" value="7"/>
    </div>
    <div>
      <label>Proposition initiale</label>
      <div id="proposition"/></div>
    </div>
    <div>
      <label for="dictonnary">Dictionnaire</label>
      <select id="dictonnary">
        <option value="english">Anglais / Americain (61 580 mots)</option>
        <option selected value="french">Français (240 135 mots)</option>
      </select>
    </div>
    <input id="send" type="submit" value="Charger"/>
  </fieldset>

Explications
~~~~~~~~~~~~

Ce programme permet de résoudre les grilles de lettres dans lesquelles il faut
deviner grace à des informations indiquant si le placement des lettres est
juste ou non.

Une version du jeu en ligne est disponible sous le nom du SUTOM_ (en
français) ou WORDLE_ (en anglais).

Le code présenté ici s’appuie sur le principe des arbres de décisions pour
identifier le mot le plus pertinent à présenter à chaque coup. Une version en
ligne de commande est présente sur cette page_.

Après avoir chargé le dictionnaire, vous pouvez cliquer sur les lettres pour
indiquer si celle-ci sont correctement placées ou non :

- lettre en vert : celle-ci est à la bonne place
- lettre en jaune : celle-ci est présente dans le mot, mais à une place
  différente

.. _SUTOM: https://sutom.nocle.fr/
.. _WORDLE: https://www.powerlanguage.co.uk/wordle/
.. _page: https://gist.github.com/Chimrod/575a2fe70e756c1f731fac6404320249

Règles actives
--------------

.. raw:: html

    <ul id="side_list" />