So erstellen?

JavaScript verfügt über verschiedene integrierte In-Methoden, die mit HTML und CSS verbunden sind, um die Front-End-Websites zu erstellen. Auf den meisten Websites wird ein inkrementeller oder dekrementeller Zähler beobachtet, der entweder inkrementiert oder verringert, um einen bestimmten Zweck zu erfüllen. Zu diesem Zweck werden arithmetische Operationen wie Addition und Subtraktion entsprechend den Anforderungen des Benutzers verwendet.

Diese Anleitung bietet eine Schritt-für-Schritt-Prozedur zum Erstellen eines inkrementellen und dekrementellen Zählers unter Verwendung von HTML, CSS und JavaScript.

Wie man einen inkrementellen und decrementalen Zähler macht?

Die Bedeutung des Inkrements in der Programmierung besteht darin, der vorhandenen Zahl eine bestimmte Zahl hinzuzufügen, während Dekremente bedeutet, eine Zahl von der vorhandenen Zahl abzuziehen. Der inkrementelle und dekrementelle Zähler hat seine eigene Bedeutung für E-Commerce-Standorte.

Beispiel

In diesem Beispielcode erstellen wir sowohl ein inkrementelles als auch ein verrückendes Gegenprojekt, indem wir HTML, CSS und JavaScript verwenden.

HTML Quelltext

Ein Beispiel für Inkrement- und Decrement -Zähler

+
-

In der obigen HTML werden zwei Schaltflächen erstellt. Eine Schaltfläche hat die Funktion increment () auf seinem Onclick.

CSS -Code

Die Styling -Eigenschaften werden sowohl auf der Thekeschaltfläche als auch auf den Überschriften implementiert. Diese Eigenschaften umfassen Breite, Höhe, Schriftgröße, Hintergrundfarbe, Farbe usw.

JavaScript -Code

Funktion increment ()
dokumentieren.GetElementById ('Demoinput').Stepup ();
Funktion detrement ()
dokumentieren.GetElementById ('Demoinput').Trepdown ();

In dieser Datei zwei Methoden Zuwachs() Und Abnahme () werden innerhalb von a verwendetSchild. Der Zuwachs() Methode wird verwendet, um den Wert um eins zu erhöhen. Ebenso die Abnahme () Die Methode wird eingesetzt, um den Wert um eins zu verringern. Standardmäßig erhöhen und verringern die Methoden Stepup () und Stepdown () den Wert um 1. Sie können das Intervall jedoch festlegen, indem Sie den erforderlichen Wert in den Methoden Stepup () und Stepdown () übergeben. Zum Beispiel erhöht Stepup (2) den Wert um 2.

Vollständiger Code

Ein Beispiel für Inkrement- und Decrement -Zähler

+
-

Der obige Code wird in der ausgeführt .HTML -Datei.

Ausgang

Die Ausgabe gibt ein Eingangsfeld mit zwei Tasten zurück.

Anfänglich enthält das Textfeld keine Zahlen. Wenn die Taste „+“ gedrückt wird, steigt der Wert, während die Schaltfläche „-“ den Wert verringert.

Abschluss

Der Inkrementelle und verringende Zähler sind verwendet, um den Wert um eine bestimmte Zahl zu erhöhen oder zu verringern. Dieses inkrementelle/delementale Phänomen wird hauptsächlich in Einkaufswagen von Online -Websites verwendet. Hier haben Sie gelernt, mit Hilfe von inkrementellen und dekrementellen Zählern zu entwerfen Html, CSS, Und JavaScript. Normalerweise wird der Inkrement- oder Dekrementwert des Zählers auf „1“ eingestellt. Sie können jedoch den Intervallwert gemäß Ihren Anforderungen festlegen.