Lancer nosleep automatiquement

Bonjour! :)

Si je comprends bien, il suffirait de créer une fonction non anonyme pour effectuer cette action, et ensuite simplement l'exécuter au lancement de la page.

Code:

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
<h1>NoSleep Test Page</h1>
 
<script src="../dist/NoSleep.min.js"></script> 
<input type="button" id="toggle" value="Wake Lock is disabled" />
 
<script>
 
var noSleep = new NoSleep();
var wakeLockEnabled = false;
var toggleEl = document.querySelector("#toggle");
 
function toggleNoSleep() {
        if (!wakeLockEnabled) {
                noSleep.enable(); // keep the screen on!
                wakeLockEnabled = true;
                toggleEl.value = "Wake Lock is enabled";
                document.body.style.backgroundColor = "green";
        } else {
                noSleep.disable(); // let the screen turn off.
                wakeLockEnabled = false;
                toggleEl.value = "Wake Lock is disabled";
                document.body.style.backgroundColor = "";
        }
}
 
toggleEl.addEventListener('click', toogleNoSleep, false);
toogleNoSleep();
 
</script>

Cependant je trouve pas ça très propre!
Je suggérerais la créations de deux sous fonctions : enableNoSleep() et disableNoSleep()
Elles seraient appelées dans noSleep() et c'est enableNoSleep() qui viendrait se lancer au démarrage.
Le code deviendrait plus implicite en montrant qu'après le lancement de la page, le noSleep est actif! :mrgreen:
(Sinon comme toggle suggère seulement une inversion de l'état, on devrait encore faire des recherches pour comprendre que l'intention du code est de l'activer)

Ce qui donnerait :

Code:

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
<h1>NoSleep Test Page</h1>
 
<script src="../dist/NoSleep.min.js"></script> 
<input type="button" id="toggle" value="Wake Lock is disabled" />
 
<script>
 
var noSleep = new NoSleep();
var wakeLockEnabled = false;
var toggleEl = document.querySelector("#toggle");
 
function toggleNoSleep() {
        if (!wakeLockEnabled)
                enableNoSleep();
        else
                disableNoSleep();
}
 
function enableNoSleep() {
        noSleep.enable(); // keep the screen on!
        wakeLockEnabled = true;
        toggleEl.value = "Wake Lock is enabled";
        document.body.style.backgroundColor = "green";
}
 
function disableNoSleep() {
        noSleep.disable(); // let the screen turn off.
        wakeLockEnabled = false;
        toggleEl.value = "Wake Lock is disabled";
        document.body.style.backgroundColor = "";
}
 
toggleEl.addEventListener('click', toogleNoSleep, false);
toogleNoSleep();
 
</script>

Il est aussi plus clair de ranger tout les scripts proprement dans des fichiers séparés du HTML. ;)