<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Test JQuery</title>

    <!--installer la bibliothèque JQuery -->
    <script src="Scripts/jquery-3.4.1.js"></script>
    <script>
        $(document).ready(
            
            function () {
                var para = "";

                // cherche toutes les balises p
                $('p').each(
                    // cette fonction est appelée pour chaque balise p sélectionnée
                    function () {
                        var s = $(this).text() + " - "; // this représente l'instance de balise p
                        para += s;
                    }
                );

                // change le texte de la base ayant l'attribut id=sortie
                $("#sortie").text(para);
            }
        );

    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div style="font-weight: bold">Quelques villes</div>        
        <p>Albi</p>
        <p>Cahors</p>
        <p>Rodez</p>
        <p>Toulouse</p>        

        <div style="font-weight: bold">Sortie</div>
        <div id="sortie"></div>
    </form>
</body>
</html>
