Logo: Avatar playmobile barbu avec chemise hawaïenne pour Marc Harnist

Index des pages de la catégorie "JS"

Cours sur JavaScript
Le 30/03/2018 Auteur: Marc L. Harnist Catégorie: JS

JavaScript a été créé en 1995 par Brendan Eich. 2009 création de node.js qui travaille côté serveur. 2009 aussi: Base de donnée MongoDB en C++ fonctionne aussi avec js. Versions JS La ve" ... Lire la suite

Prompt
Le 03/04/2018 Catégorie: JS

Prompt crée un formulaire dans une nouvelle fenêtre: var name = prompt('Entrez votre prénom:'); alert('Bonjour, ' + name); var number = Number(prompt('Entrez un nombre')); if(number > 0){ " ... Lire la suite

Alert
Le 03/04/2018 Catégorie: JS

Alert() ouvre une nouvelle fenêtre avec un contenu de votre choix. " ... Lire la suite

else if
Le 03/04/2018 Catégorie: JS

Attention: else if s'écrie en deux mots en JS et non elseif (php)"

Switch, case, break et default en JS
Le 03/04/2018 Auteur: Marc L. Harnist Catégorie: JS

switch (expression) { case value1: // code when the expression matches value1 break; case value2: // code when the expression matches value2 break; ... default: // code fo" ... Lire la suite

Argument et paramètres
Le 06/04/2018 Auteur: Marc L. Harnist Catégorie: JS

function sayHello(parametre) { var message = "Hello, " + name + "!"; return message; } console.log(sayHello("argument")); console.log(sayHello("argument"));" ... Lire la suite

Argument et paramètres
Le 06/04/2018 Auteur: Marc L. Harnist Catégorie: JS

Paramètre: la chose passée dans la définition de la fonction Argument: la chose est passée quand la fonction est appelée function sayHello(parametre) { var message = "Hello, " + " ... Lire la suite

Fonctions en js
Le 06/04/2018 Auteur: Marc L. Harnist Catégorie: JS

Les fonctions en js s'appellent avec un point. var originalWord = "Bora-Bora"; var lowercaseWord = originalWord.toLowerCase(); console.log(lowercaseWord); // will be "bora-bora" var uppercaseWor" ... Lire la suite

Objets en JS
Le 06/04/2018 Auteur: Marc L. Harnist Catégorie: JS

Source: openclassroom Les objets en js se déclarent avec {} Ex: var pen = { type: "ballpoint", color: "blue", brand: "Bic" }; Pour afficher une propriété, il suffit d'écrir" ... Lire la suite

Objet et méthode incluse dans l'objet en JS
Le 06/04/2018 Catégorie: JS

On peut inclure une méthode dans un objet: var cake = { flavor: "strawberry", levels: 2, price: "$10", occasion: "birthday", // Describe the cake describe: function (" ... Lire la suite

Modifier facilement la valeur d'un attribut d'un objet en JS
Le 06/04/2018 Auteur: Marc L. Harnist Catégorie: JS

Pour modifier la valeur d'un attribut d'un objet en js il suffit de donner une nouvelle valeur ainsi: classeur.intercalaires = 18; objet.attribut = 'Nouvelle valeur'; // pour les chaînes de carac" ... Lire la suite

This en POO js comme ne php
Le 06/04/2018 Auteur: Marc L. Harnist Catégorie: JS

Comme en PHP, on utilise "this" pour nommer un objet à l'intérieur de la "class" var cake = { flavor: "strawberry", levels: 2, price: "$10", occasion: "birthday", // De" ... Lire la suite

Les objets en JS
Le 09/04/2018 Auteur: Marc L. Harnist Catégorie: JS

Voici à quoi ressemble une classe en JS: function Pastry(type, flavor, levels, price, occasion) { this.type = type; this.flavor = flavor; this.levels = levels; this.price = price; thi" ... Lire la suite

Les cours sur Javascript chez OpenClassRoom
Le 29/03/2018 Auteur: Marc L. Harnist Catégorie: JS

  1. 16 cours - 10 heures - Les bases de JavaScript. (J'ai terminé tous ses cours, sauf le tp, le dernier)
  2. " ... Lire la suite

Récupérer le code d'une tentative d'instanciation de classe js sans new
Le 09/04/2018 Auteur: Marc L. Harnist Catégorie: JS

Certains programmeurs aiment sauver le code qui oublie d'utiliser le mot - clé "new". Ils le font en ajoutant une vérification dans leurs fonctions constructeurs pour voir si la fonction est appelé" ... Lire la suite

Globales, fenêtres - windows en js
Le 09/04/2018 Auteur: Marc L. Harnist Catégorie: JS

La portée globale de Javascript est spéciale d'une autre manière, car elle se comporte comme un objet. Cet objet a généralement un nom, qui varie en fonction du contexte dans lequel votre code" ... Lire la suite

Arrays
Le 09/04/2018 Auteur: Marc L. Harnist Catégorie: JS

var films = ["Jurassic Park", "Titanic", "Toy Story"]; films.push("The Revenant"); // push pour ajouter une valeur console.log(films[3]); // will show "The Revenant" AFFICHER LE CONTENU D'UN" ... Lire la suite

Résumé sur Javascript
Le 09/04/2018 Auteur: Marc L. Harnist Catégorie: JS

Résumé (source: Openclassroom) Un programme est une liste de commandes à un ordinateur. Le rôle du programmeur est d'écrire des programmes qui produiront de bons résultats cohérents! JavaSc" ... Lire la suite

Boucle JS qui affiche les noeuds d'une page
Le 11/04/2018 Auteur: Marc L. Harnist Catégorie: JS

// Show the body node's children for (var i = 0; i < document.body.childNodes.length; i++) { console.log(document.body.childNodes[i]); }" ... Lire la suite

forEach en JS
Le 11/04/2018 Auteur: Marc L. Harnist Catégorie: JS

var myArray = ["Bonjour!", "Je", "m'appelle", "Marc"]; /** * value, index, array: value renvoie la valeur, index la clé, et array est le nom de votre array * myArray.forEach(function(value" ... Lire la suite

Afficher ou se déplacer dans les noeuds d'une page
Le 11/04/2018 Auteur: Marc L. Harnist Catégorie: JS

// Access the first child of the body node console.log(document.body.childNodes[0]); // Access the second child of the body node console.log(document.body.childNodes[1]); // Show the body node" ... Lire la suite

Noeuds js
Le 11/04/2018 Auteur: Marc L. Harnist Catégorie: JS

// Access the first child of the body node console.log(document.body.childNodes[0]); // Access the second child of the body node console.log(document.body.childNodes[1]); // Show the body node" ... Lire la suite

document.getElementsByClassName(): Récupérer les valeurs d'un élement html par son id et l'afficher
Le 11/04/2018 Auteur: Marc L. Harnist Catégorie: JS

// // Get all elements that have the class "wonders" var wondersElements = document.getElementsByClassName("wonders"); for (var i = 0; i < wondersElements.length; i++) { console.log(wondersElem" ... Lire la suite

Récupérer le contenu d'une balise html en JS et autres méthodes
Le 11/04/2018 Auteur: Marc L. Harnist Catégorie: JS

Source Contenu HTML La propriété innerHTML propriété récupérera le contenu HTML de votre élément" ... Lire la suite

Rajouter du texte à une page html avec JS
Le 11/04/2018 Auteur: Marc L. Harnist Catégorie: JS

La page html:

Effacer un bloc html avec js et autres fonctions
Le 11/04/2018 Auteur: Marc L. Harnist Catégorie: JS

La page html:

Avec js, on peut modifier l'attribut d'un élément html
Le 11/04/2018 Auteur: Marc L. Harnist Catégorie: JS

// Define the id attribute of the first title document.querySelector("h1").setAttribute("id", "title");" ... Lire la suite

Modifier une classe d'un élément html avec js avec la fonction classList
Le 11/04/2018 Auteur: Marc L. Harnist Catégorie: JS

var titleElement = document.querySelector("h1"); // Grab the first h1 titleElement.classList.remove("beginning"); // Remove the class "beginning" titleElement.classList.add("title"); // Add a class " ... Lire la suite

Modal de Bootstrap pour de belles fenêtres "alert"
Le 11/04/2018 Auteur: Marc L. Harnist Catégorie: JS

https://getbootstrap.com/docs/4.0/components/modal/" ... Lire la suite

Démo JS: compte à rebours
Le 11/04/2018 Auteur: Marc L. Harnist Catégorie: JS

Cette page va s'auto-détruire dans 1000 secondes... Le lien vers le fichier js se trouve dans le footer." ... Lire la suite

Effacer le body, un div, ou autre élément HTML avec js
Le 12/04/2018 Auteur: Marc L. Harnist Catégorie: JS

document.body.innerHTML = ""; // ce code va effacer le body soit toute la page. On déclare l'élément body.html vide. On peut écrire quelque chose. // // Delete the HTML content of the list, rep" ... Lire la suite

Ajax importe un fichier dans un autre via un bouton html!
Le 13/04/2018 Auteur: Marc L. Harnist Catégorie: JS

L'exemple: Démo Le code: < !DOCTYPE html> < html> < head> < meta charset="utf-8"> < link rel="stylesheet" href="css/styles.css"> < title>AJAX practic" ... Lire la suite

La syntaxe JSON de base et JS - exemple des bonbons
Le 13/04/2018 Auteur: Marc L. Harnist Catégorie: JS

Démo : https://codepen.io/eclairereese/pen/QEKMdG L" ... Lire la suite

JQUERY une bibliothèque Javascript open-source: deux formats développement et production
Le 13/04/2018 Auteur: Marc L. Harnist Catégorie: JS

Logo de JQUERY Query est indispensable dans le monde du développement Web front-end. jQuery est une bibliothèque JavaScri" ... Lire la suite

JQUERY détails sur les deux fichiers: prod et dev
Le 13/04/2018 Auteur: Marc L. Harnist Catégorie: JS

Le fichier de développement est plus volumineux car il est annoté de manière à permettre aux développeurs de comprendre plus facilement ce qui se passe dans le code. Il y a des commentaires de co" ... Lire la suite

Deux façons d'utiliser JQUERY: télécharger le fichier ou online
Le 13/04/2018 Auteur: Marc L. Harnist Catégorie: JS

Source: OpenClassRoom Vous avez également deux options pour inclure les fichiers jQuery (que ce soit le développement ou la production) dans votre code. Le premier est un scénario classique: vous " ... Lire la suite

JQUERY une multitude de fonctions et d'attributs à consulter en ligne
Le 13/04/2018 Auteur: Marc L. Harnist Catégorie: JS

Les sélecteurs JQUERY" ... Lire la suite