Back
Close

Javascript par la pratique

Giga
1,143 views

Mise en place de l'environnement

Afficher un morceau de code en Javacript

Pour afficher un morceau de code en Javascript, nous utilisons la syntaxe suivante :

// Mon code en langage Javascript;

En Javascript, la méthode console.log() envoie un message à la console Web. Le message peut être une chaîne unique ou il peut s'agir d'un ou plusieurs objets JavaScript.

console.log('Hello World!');

Pour une utilisation de base, vous pouvez rendre un simple morceau de code exécutable. Pour cela, vous devez ajouter le mot - clé : runnable

```javascript runnable
console.log('Hello World!');
```

Nous pouvons aussi aussocier du code Javascript dans une page HTML.

```javascript
function createParagraph() {
  let para = document.createElement('p');
  para.textContent = 'Vous avez cliqué !';
  document.body.appendChild(para);
}
```

Pour afficher un morceau de code en HTML, nous utilisons la syntaxe suivante :

```html
<button onclick="createParagraph()">Cliquez-moi!</button>
```

Et voici l'interface dans la console tech.io.


function createParagraph() {
  let para = document.createElement('p');
  para.textContent = 'Hello Word!';
  document.body.appendChild(para);
}
<button onclick="createParagraph()">Cliquez-moi!</button>
</div>

Pour pouvoir faire le test dans la même page, nous rajoutons la balise <script> en HTML.

Dans la pratique, il vaut mieux écrire le code Javascript dans un autre fichier.

<script src="javascript.js"></script>
Create your playground on Tech.io
This playground was created on Tech.io, our hands-on, knowledge-sharing platform for developers.
Go to tech.io
codingame x discord
Join the CodinGame community on Discord to chat about puzzle contributions, challenges, streams, blog articles - all that good stuff!
JOIN US ON DISCORD
Online Participants