Accueil

JS - Récupérer le dernier élément d'un tableau

Wakonda - JavaScript Posté le 8 février 2024

Pour récupérer le dernier élément d'un tableau en JavaScript pur, vous pouvez utiliser la propriété length du tableau pour obtenir l'index du dernier élément, puis accéder à cet élément en utilisant cet index moins un. Voici un exemple :

// Supposons que vous ayez un tableau appelé "monTableau"
const monTableau = [1, 2, 3, 4, 5];

// Pour récupérer le dernier élément du tableau
const dernierElement = monTableau[monTableau.length - 1];

console.log("Le dernier élément du tableau est :", dernierElement);

Dans cet exemple, monTableau.length - 1 donne l'index du dernier élément du tableau (car les indices de tableau commencent à zéro), puis nous utilisons cet index pour accéder à cet élément spécifique dans le tableau.

Lire ...

JS - Prévisualiser une image avec son upload

Wakonda - JavaScript Posté le 8 février 2024

Voici un exemple simple de comment prévisualiser une image avant son téléversement en utilisant du JavaScript pur :

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Prévisualisation d'image</title>
  <style>
    #image-preview {
      max-width: 200px;
      max-height: 200px;
    }
  </style>
</head>
<body>
  <input type="file" id="image-upload" accept="image/*">
  <br>
  <img id="image-preview" src="#" alt="Prévisualisation">
  
  <script>
    document.getElementById('image-upload').addEventListener('change', function() {
      const file = this.files[0];
      if (file) {
        const reader = new FileReader();
        reader.onload = function(e) {
          document.getElementById('image-preview').setAttribute('src', e.target.result);
        }
        reader.readAsDataURL(file);
      }
    });
  </script>
</body>
</html>

Ce fichier HTML fournit un champ d'entrée pour sélectionner un fichier image (<input type="file">) et une balise <img> avec l'ID image-preview où l'image sélectionnée sera affichée.

Le code JavaScript écoute les changements dans le champ d'entrée. Lorsqu'un fichier est sélectionné, il crée un objet FileReader pour lire le contenu du fichier sélectionné. Une fois que le fichier est lu, l'événement onload du lecteur est déclenché, et le résultat (e.target.result) est défini comme la source (src) de la prévisualisation de l'image.

Lire ...

PHP - Convertir une chaîne de caractères en un booléen

Wakonda - PHP Posté le 5 février 2024

En PHP, vous pouvez convertir une chaîne de caractères en un booléen à l'aide de certaines fonctions intégrées. Voici deux approches courantes :

1. Utilisation de la fonction boolval()

La fonction boolval() est utilisée pour convertir une valeur en booléen. Elle peut être appliquée à une chaîne de caractères pour obtenir une valeur booléenne.

// Chaîne de caractères à convertir en booléen
$stringValue = "true";

// Conversion en booléen en utilisant boolval()
$booleanValue = boolval($stringValue);

// Affichage du résultat
var_dump($booleanValue);

Dans cet exemple, la chaîne de caractères "true" est convertie en booléen, et var_dump() est utilisé pour afficher le résultat.

2. Utilisation de la fonction filter_var()

La fonction filter_var() avec le filtre FILTER_VALIDATE_BOOLEAN peut également être utilisée pour convertir une chaîne en booléen.

// Chaîne de caractères à convertir en booléen
$stringValue = "false";

// Conversion en booléen en utilisant filter_var()
$booleanValue = filter_var($stringValue, FILTER_VALIDATE_BOOLEAN);

// Affichage du résultat
var_dump($booleanValue);

Cette approche utilise filter_var() avec le filtre FILTER_VALIDATE_BOOLEAN pour effectuer la conversion.

Remarque : Lors de la conversion, la chaîne "true" (insensible à la casse) sera évaluée comme true, et la chaîne "false" (insensible à la casse) sera évaluée comme false. Toutes les autres valeurs seront converties en true si elles ne sont pas vides.

Choisissez l'approche qui convient le mieux à votre cas d'utilisation spécifique.

Lire ...

Rechercher

Tags

Publicité

Suivez-nous

Aidez-nous !

Admin