Bonjour à tous, je débute en Javascript.

Je ne comprends pas ce qui est faux dans mon code, je l'ai réduit au minimum pour faciliter le debugage.
C'est surement une évidence pour vous et vous prendra pas plus de quelques secondes à régler, moi, je ne vois pas.

Merci par avance.

Voici les messages que je me prends
35 Uncaught SyntaxError: Unexpected token {
et
12 Uncaught ReferenceError: startGame is not defined

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style>
canvas {
    border: 1px solid #d3d3d3;
    background-color: #f1f1f1;
}
</style>
</head>
<body onload="startGame()">
 
 
<script>
 
 
function startGame() {
// largeur de la fenetre courante
var xLarge = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
//hauteur de la fenetre courante sans les barres etc...
var yLarge = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
 
 
if (xLarge <= yLarge) {
//ecran vertical
largeur=xLarge;
hauteur=largeur * 16/10;
  If (hauteur >= yLarge) {
    hauteur = yLarge;
    largeur = hauteur * 10/16;
  }
} else {
  //ecran horizontal
  hauteur = yLarge;
  largeur = hauteur * 10/16;
  If (largeur >= xLarge) {
    largeur = xLarge;
    hauteur = largeur * 16/10;
  }
}
</script>
</body>
</html>