Comment créer une page Web Calculs

pages web calculatrices sont une façon amusante de donner à vos visiteurs un outil pratique pour faire un peu de calcul rapide sans retirer leurs dirigeants de diapositives. Calculatrices ajouter un peu de plaisir et de piquant à votre site Web. Si vous faites la promotion d'un produit ou service, calculateurs peuvent vous aider à faire passer votre message à vos clients et de générer des visiteurs de répétition. javascript vous permet de créer des calculs à droite de votre page web, en utilisant les numéros de vos visiteurs tapent dans un formulaire HTML. Cette calculatrice simple est le point de départ pour la conception de votre propre page Web personnalisée calculatrice.

Choses que vous devez

  • Texte ou éditeur HTML
  • page Web

Instructions

  1. Ouvrez la page web où vous voulez votre calculatrice.

  2. Copiez le script suivant dans la section d'en-tête de la page (entre le et étiquettes au-dessus du tag).




  3. Ajouter l'attribut onload ="calculer () -" au tag, il semble si ceci: . Si il ya d'autres attributs de la balise body, ne les supprimez pas, il suffit d'ajouter le nouvel attribut onload.

  4. Dans le corps de votre page Web, ajouter le formulaire HTML suivant où vous aimeriez avoir la calculatrice apparaît:




  5. Changer le calcul en changeant la ligne "answer = v1 + v2" dans la section javascript. Par exemple, si vous souhaitez multiplier au lieu d'ajouter, de modifier le signe plus à une astérisque (*) comme ceci:

    answer = v1 * v2

    Mettre à jour le formulaire HTML pour montrer le nouveau calcul.

Conseils & Avertissements

  • Ajouter du texte, le style et la couleur à la forme de calcul. Disposez les balises d'entrée la façon que vous souhaitez qu'ils apparaissent. Ajouter des descriptions aux champs de saisie. Mettez un contour rouge autour de la réponse. Soyez créatif.
  • Expérimenter avec la forme javascript et HTML. Avez-vous besoin d'effectuer un calcul sur plus de deux nombres? Pour chaque ligne de code qui a une "v2" (Sauf La ligne de calcul) de copier le code à une nouvelle ligne et le changement "v2" à "v3." Ajouter la nouvelle "v3" valeur au calcul dans le javascript, comme ceci: "answer = v1 + v2 + v3."
» » » » Comment créer une page Web Calculs