TP3A - Introduction à JavaScript

// Exemples de manipulation DOM avec JavaScript

// 1. Changer le texte d'un élément
function changerTexte() {
    document.getElementById('texteDemo').textContent = 
        'Texte modifié par JavaScript!';
}

// 2. Modifier le style d'un élément
function changerStyle() {
    const element = document.getElementById('styleDemo');
    element.style.backgroundColor = '#4361ee';
    element.style.color = 'white';
    element.style.padding = '20px';
    element.style.borderRadius = '8px';
}

// 3. Ajouter un nouvel élément
function ajouterElement() {
    const liste = document.querySelector('#listeDemo ul');
    const nouvelElement = document.createElement('li');
    nouvelElement.textContent = 'Nouvel élément ajouté';
    liste.appendChild(nouvelElement);
}

// 4. Faire un calcul
function calculer() {
    const num1 = parseInt(document.getElementById('num1').value);
    const num2 = parseInt(document.getElementById('num2').value);
    const resultat = num1 + num2;
    document.getElementById('resultatCalcul').textContent = 
        `Résultat : ${num1} + ${num2} = ${resultat}`;
}