Maison > interface Web > tutoriel CSS > Cas d'utilisation de JavaScript

Cas d'utilisation de JavaScript

DDD
Libérer: 2024-10-17 20:16:03
original
1119 Les gens l'ont consulté

JavaScript Use Cases

In this post we explore basic javascript use cases.

1. Add class to element in JavaScript

<div id="box"></div>
Copier après la connexion
Copier après la connexion
const element = document.querySelector("#box");

// Note: only class name, without the '.'
element.classList.add("class-name");
Copier après la connexion

2. Call a function in JavaScript

function greetUser() {
  return "Welcome to code to go!";
}

let result = greetUser();

console.log(result);
Copier après la connexion

Output:

Welcome to code to go!

3. Capitalize first letter in JavaScript

let str = "uvais codes";

str = str[0].toUpperCase() + str.substring(1);
Copier après la connexion

Output:

Uvais codes

4. Change CSS property in JavaScript

<div id="box"></div>
Copier après la connexion
Copier après la connexion
const element = document.querySelector("#box");

//change background-color
element.style.backgroundColor = "red";
Copier après la connexion

5. Convert JSON to string in JavaScript

const object = {
  id: 1,
  name: "Leanne Graham"
};

JSON.stringify(object);
Copier après la connexion

Output"

{"id":1,"name":"Leanne Graham"}

Thanks for Reading

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal