ajax.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ajax JS | Openclassrooms Javascript For The Web</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/ajax.css">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
</head>
<body>
    <h1>Ajax JS | Openclassrooms Javascript For The Web</h1>

    <nav>
        <ul>
            <li><a href="index.html">Accueil</a></li>
            <li><a href="events.html">Events</a></li>
			<li><a href="forms.html">Forms</a></li>
			<li><a href="ajax.html">Ajax</a></li>
        </ul>
    </nav>

    <!--  Exercice 01 : How we can fetch weather data with Ajax -->

		<!--
            <div>
			    <button id="ask-weather">Quelle est la météo sur Paris ?</button>
		    </div>
            <div id="weather-result"></div>
        -->
    
    
    <!--  Exercice 02 : How to verify user data forms -->

        <!--
            <form id="form-to-check">
                <p>
                <label>Code : <input type="text" name="code" id="code" /></label><br />
                <div class="result" id="code-validation"></div>
                </p>
                <p>
                <label>Email : <input type="text" name="email" required></label>
                </p>
                <p>
                <input type="submit" value="Vérifier" id="submit-btn" />
                </p>
            </form>
        -->


    <!-- Exercice 03 : How to save data on web services -->

        <!--
            <form id="form">
                <label>Saisissez une valeur <input type="text" id="value" /></label><br />
                <input type="submit" value="Envoyer" />
            </form>
            <div id="result"></div>
        -->


    <!-- Exercice 04 : How we can use Callbacks, Promises and Async_Await -->

        <!--
            <div id="result"></div>
        -->


    <!-- JS Scripts -->
        <script src="js/ajax.js"></script>
    <!-- End JS Scripts -->
</body>
</html>