Afficher

Bonjour Schmoll.

Écrire le code nécessaire dans une page html pour que l'utilisateur puisse entrer son nom dans un élément input (de type text).

Dès que l'utilisateur aura entré son nom (par exemple Schmoll), un message "Bonjour Schmoll !" s'affichera dans un élément de type p.

On utilisera jQuery.

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title> bonjour </title>
    </head>
    <body>
		
		 
		<label for="nom">Entrez votre nom :</label>
		 
		<input id="nom" type="text">
		 
		<p id="coucou"> </p>
		
		<script src='http://code.jquery.com/jquery-latest.min.js'></script>
        <script>
		$('#nom').change(
				function(){
				let nom = $(this).val();
				$('#coucou').html('Bonjour ' + nom + ' !');			 			   
			}
		);
        </script>
    </body>
</html>

Le discriminant

Compléter le code html et js ci-dessous de façon à permettre à l'utilisateur d'entrer trois nombres a, b, c dans des éléments input.

Le discriminant du trinôme \( x \longmapsto ax^2 + bx+ c \) (c'est à dire \( \Delta = b^2-4ac \) ) sera ensuite affiché dans l'élément span. L'affichage sera provoqué par un clic sur le texte "Le discriminant a pour valeur :".

On utilisera jQuery.

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title> discriminant </title>
    </head>
    <body>
		
		 
		 
		<p id="resultat">  
			Le discriminant a pour valeur : <span id="discriminant"></span>.
		</p>
		
        <script>
		 
        </script>
    </body>
</html>

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title> discriminant </title>
    </head>
    <body>
		 
		<label for="a">Entrez le coefficient a :</label>
		<input id="a" type="number" value="1" step="1">
		
		<label for="b">Entrez le coefficient b :</label>
		<input id="b" type="number" value="0" step="1">
		
		<label for="c">Entrez le coefficient c :</label>
		<input id="c" type="number" value="0" step="1">
		 
		<p id="resultat">  
			Le discriminant a pour valeur : <span id="discriminant"></span>.
		</p>
		
		<script src='http://code.jquery.com/jquery-latest.min.js'></script>
        <script>
		$('#resultat').click(
				function(){
				let a = $('#a').val();
				let b = $('#b').val();
				let c = $('#c').val();
				$('#discriminant').html(b*b-4*a*c);			 			   
			}
		);
        </script>
    </body>
</html>

Variations d'une fonction affine

On veut afficher les variations de la fonction affine \( x \longmapsto mx+p \).

Compléter le code html et js ci-dessous de façon à permettre à l'utilisateur d'entrer m et p dans des éléments input.

Au passage de la souris (événement mouseover) sur le texte " La fonction affine est ", le texte sera complété.

On utilisera jQuery.

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title> affine </title>
    </head>
    <body>
		  
		<p id="resultat">  
			La fonction affine est <span id="variations"></span>
		</p>
		
        <script>
		 
        </script>
    </body>
</html>

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <title> affine </title>
    </head>
    <body>
		 
		<label for="m">Entrez le coefficient m :</label>
		<input id="m" type="number" value="0" step="1">
		
		<label for="p">Entrez le coefficient p :</label>
		<input id="p" type="number" value="0" step="1">
		
		 
		 
		<p id="resultat">  
			La fonction affine est <span id="variations"></span>
		</p>
		
		
		<script src='http://code.jquery.com/jquery-latest.min.js'></script>
        <script>
		$('#resultat').mouseover(
			function(){
				let m = $('#m').val();
				
				let monotonie = "";
				if (m > 0) { 
					monotonie = " strictement croissante sur R.";
				}
				else if (m < 0) {
					monotonie = " strictement décroissante sur R.";
				}
				else {
					monotonie = " constante sur R.";
				}
				$('#variations').html(monotonie);			 			   
			}
		);
        </script>
    </body>
</html>