Sujet Précédent Sujet Suivant

JavaScript Formulaire

Fermé
Nicolas - 5 déc. 2019 à 13:55
jordane45 Messages postés 38347 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 décembre 2024 - 5 déc. 2019 à 15:59
Bonjour,
J'ai fait ce programme mais quand je clique sur commander, rien ne s'affiche, quelqu'un peut m'aider ?
<!DOCTYPE html>
<html lang="fr">
	<head>
	<meta charset="UTF-8">
		<link href="http://fr.allfont.net/allfont.css?fonts=montserrat-bold" 
		rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="./style/style.css"/>
			<title>
				Service Pizza
			</title>
		<script src="./scripts/date_heure.js"></script>
		
	</head>
	
	<body>
		<article id='scroll'>
			<img id='logo' src='./imagespizza/logopizza.png' alt='Logo' title='Logo' width="150"/>
		</article>
		<form>
		<article id='backgroundtitre'>
			<h2 id='titre'>Service de livraison de pizza à domicile</h2>
			<div id='trait1' class='trait'></div>
			<section id='coordonnees'>
				<h2 id='adnom'>Vos coordonnées</h2>
					<input class='inputtext' placeholder='Nom' type='text' name='nom' value=''><br><br>
					<input class='inputtext' placeholder='Adresse' type='text' name='adresse' value=''><br>
					<p><a  href='https://www.youtube.com/watch?v=bhZs3ALdL7Y'><img id="attention" src="./imagespizza/attention.png"  alt="Attention" title="Attention" width="15"/></a>Si l'adresse est fausse, vous ne serez pas livrés.</p>
			</section>
			<section id='choix'>
				<h2 id='pizza'>Votre Pizza</h2>
				<h3><span class='sous-parties'>Dimensions : </span><select class='boutton' name="sizelist" form='sizelist'>
					<option name='diametre' value="bambino">Bambino (-12 ans) : 17cm, 5€</option>
					<option name='diametre' value="petite">Petite : 24cm, 7,50€</option>
					<option name='diametre' value="moyenne">Moyenne : 30cm, 10€</option>
					<option name='diametre' value="grande">Grande :  36cm, 11,50€</option>
					</select>
				</h3>
				<article id='fondbois'><h2 id='ingredient'>Ingrédients : </h2>
					<h3><span class='sous-parties' id='sous-parties1'>Base :</span></h3>
						<input class='input' type="radio" name="base" value="Sauce Tomate">Sauce Tomate<br>
						<input class='input' type="radio" name="base" value="Crème Fraiche">Crème Fraiche<br>
						<br><br><div id='trait2' class='trait'></div><br>
					<h3><span class='sous-parties' id='sous-parties2'>Viande :</span></h3> 
						<input class='input' type="radio" name="viande" value="Jambon blanc">Jambon blanc<br>
						<input class='input' type="radio" name="viande" value="bacon">Bacon<br>
						<input class='input' type="radio" name="viande" value="boeuf">Boeuf haché<br>
						<input class='input' type="radio" name="viande" value="creme">Poulet<br>
						<br><br><div id='trait3' class='trait'></div><br>
					<h3><span class='sous-parties' id='sous-parties3'>Fromage :</span></h3>
						<input class='input' type="radio" name="fromage" value="origan">Emmental<br>
						<input class='input' type="radio" name="fromage" value="cantamil">Cantamil<br>
						<input class='input' type="radio" name="fromage" value="mozzarella">Mozzarella<br>
						<br><br><div id='trait4' class='trait'></div><br>
					<h3><span class='sous-parties' id='sous-parties4'>Supplément : (+1,50€)</span></h3> 
						<input class='input' type="radio" name="supplement" value="champignons">Champignons<br>
						<input class='input' type="radio" name="supplement" value="ananas">Ananas<br>
						<input class='input' type="radio" name="supplement" value="truffe">Truffe<br>
						<input class='input' type="radio" name="supplement" value="oeuf">Oeuf<br>
					<br><br><br><br><br>
					<input type="submit" class='boutton' value="Commander" onclick="check();">
					<br><br><br><br><br><br><br>
				</article>
			</section>
		</article>
		</form>
		<footer>
			<p>  Copyright  ©  2019-2020  |  Première-NSI | CASTEL Nicolas | JAMOTEAU Yohann | <span id="date_heure"></span></p>
		</footer>
		<script src="./scripts/date_heure.js"></script>
		<script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
		<script src='./scripts/background_onscroll.js'></script>
		<script src='./scripts/formulaire.js'></script>
		<script>window.onload = date_heure('date_heure');</script>
	</body>
</html>

<!DOCTYPE html>
<html lang="fr">
	<head>
	<meta charset="UTF-8">
		<link href="http://fr.allfont.net/allfont.css?fonts=montserrat-bold" 
		rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" href="./style/style.css"/>
			<title>
				Service Pizza
			</title>
		<script src="./scripts/date_heure.js"></script>
		
	</head>
	
	<body>
		<article id='scroll'>
			<img id='logo' src='./imagespizza/logopizza.png' alt='Logo' title='Logo' width="150"/>
		</article>
		<form>
		<article id='backgroundtitre'>
			<h2 id='titre'>Service de livraison de pizza à domicile</h2>
			<div id='trait1' class='trait'></div>
			<section id='coordonnees'>
				<h2 id='adnom'>Vos coordonnées</h2>
					<input class='inputtext' placeholder='Nom' type='text' name='nom' value=''><br><br>
					<input class='inputtext' placeholder='Adresse' type='text' name='adresse' value=''><br>
					<p><a  href='https://www.youtube.com/watch?v=bhZs3ALdL7Y'><img id="attention" src="./imagespizza/attention.png"  alt="Attention" title="Attention" width="15"/></a>Si l'adresse est fausse, vous ne serez pas livrés.</p>
			</section>
			<section id='choix'>
				<h2 id='pizza'>Votre Pizza</h2>
				<h3><span class='sous-parties'>Dimensions : </span><select class='boutton' name="sizelist" form='sizelist'>
					<option name='diametre' value="bambino">Bambino (-12 ans) : 17cm, 5€</option>
					<option name='diametre' value="petite">Petite : 24cm, 7,50€</option>
					<option name='diametre' value="moyenne">Moyenne : 30cm, 10€</option>
					<option name='diametre' value="grande">Grande :  36cm, 11,50€</option>
					</select>
				</h3>
				<article id='fondbois'><h2 id='ingredient'>Ingrédients : </h2>
					<h3><span class='sous-parties' id='sous-parties1'>Base :</span></h3>
						<input class='input' type="radio" name="base" value="Sauce Tomate">Sauce Tomate<br>
						<input class='input' type="radio" name="base" value="Crème Fraiche">Crème Fraiche<br>
						<br><br><div id='trait2' class='trait'></div><br>
					<h3><span class='sous-parties' id='sous-parties2'>Viande :</span></h3> 
						<input class='input' type="radio" name="viande" value="Jambon blanc">Jambon blanc<br>
						<input class='input' type="radio" name="viande" value="bacon">Bacon<br>
						<input class='input' type="radio" name="viande" value="boeuf">Boeuf haché<br>
						<input class='input' type="radio" name="viande" value="creme">Poulet<br>
						<br><br><div id='trait3' class='trait'></div><br>
					<h3><span class='sous-parties' id='sous-parties3'>Fromage :</span></h3>
						<input class='input' type="radio" name="fromage" value="origan">Emmental<br>
						<input class='input' type="radio" name="fromage" value="cantamil">Cantamil<br>
						<input class='input' type="radio" name="fromage" value="mozzarella">Mozzarella<br>
						<br><br><div id='trait4' class='trait'></div><br>
					<h3><span class='sous-parties' id='sous-parties4'>Supplément : (+1,50€)</span></h3> 
						<input class='input' type="radio" name="supplement" value="champignons">Champignons<br>
						<input class='input' type="radio" name="supplement" value="ananas">Ananas<br>
						<input class='input' type="radio" name="supplement" value="truffe">Truffe<br>
						<input class='input' type="radio" name="supplement" value="oeuf">Oeuf<br>
					<br><br><br><br><br>
					<input type="submit" class='boutton' value="Commander" onclick="check();">
					<br><br><br><br><br><br><br>
				</article>
			</section>
		</article>
		</form>
		<script src='./scripts/formulaire.js'></script>
		<script>window.onload = date_heure('date_heure');</script>
	</body>
</html>


function check() {
	let message="Cher/Chère M.Mme "
	message=message+document.forms[0].nom.value
	message=message+", vous avez choisi une "
	if (document.forms[0].diametre.options[0].selected){
		message=message+"Bambino Pizza"
	}
	if (document.forms[0].diametre.options[1].selected){
		message=message+"petite Pizza"
	}
	if (document.forms[0].diametre.options[2].selected){
		message=message+"moyenne Pizza"
	}
	if (document.forms[0].diametre.options[3].selected){
		message=message+"grande Pizza"
	}
	alert(message)
}

1 réponse

Réponse 1 / 1
jordane45 Messages postés 38347 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 décembre 2024 4 719
5 déc. 2019 à 15:59
Bonjour,

1 - Ta question concernant le Javascript... je l'ai déplacée dans le forum Javascript
2 - Pour poster ton code, merci de le faire correctement en précisant, dans les balises de code, le langage ( ici , JS )
Explications disponibles ici :https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

3 - As tu regardé dans la CONSOLE de ton navigateur si des erreurs apparaissaient ?
-As tu essayé de mettre des console.log pour essayer de voir si ton code rentre dans tes fonctions ?
- Ton bouton doit être du type BUTTON et non SUBMIT


1

Discussions similaires

Je n'arrive plus à récuperer mon compte Outlook
gnulinux_ -
laure -

4 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire
azixe -
cs_Le Pivert -

1 réponse
Google Chrome : "Nouvel envoi du formulaire"
beredezebe -
beredezebe -

3 réponses
formulaire resiliation freebox
bonzai470 -
bonzai470 -

5 réponses