JavaScript-Variable: Deklarieren, Wert mit Beispiel zuweisen

Anonim

Variablen werden zum Speichern von Werten (Name = "John") oder Ausdrücken (Summe = x + y) verwendet.

Deklarieren Sie Variablen in JavaScript

Bevor Sie eine Variable verwenden, müssen Sie sie zuerst deklarieren. Sie müssen das Schlüsselwort var verwenden , um eine Variable wie folgt zu deklarieren:

var name;

Weisen Sie der Variablen einen Wert zu

Sie können der Variablen entweder beim Deklarieren der Variablen oder nach dem Deklarieren der Variablen einen Wert zuweisen.

var name = "John";

ODER

var name;name = "John";

Variablen benennen

Obwohl Sie die Variablen beliebig benennen können, ist es eine gute Programmierpraxis, den Variablen beschreibende und aussagekräftige Namen zu geben. Darüber hinaus sollten Variablennamen mit einem Buchstaben beginnen und zwischen Groß- und Kleinschreibung unterscheiden. Daher unterscheiden sich die Variablen student name und studentName, da der Buchstabe n in einem Namen unterschiedlich ist (n und N).

Versuchen Sie dies selbst:

 Variablen !!! </ title><script type = "text />var one = 22;var zwei = 3;var add = eins + zwei;var minus = eins - zwei;var multiplizieren = eins * zwei;var dividieren = eins / zwei;document.write ("Erste Nr.: =" + eins + "<br />Zweite Nr.: =" + zwei + "<br />");document.write (eins + "+" + zwei + + add + "<br />");document.write (eins + "-" + zwei + + minus + "<br />");document.write (eins + "*" + zwei + + multiplizieren + "<br />");document.write (eins + "/" + zwei + + dividieren + "<br />");</ script></ head><body></ body></ html></pre> <form class="hidden" code-box" name="sample"> Dieser Code kann bearbeitet werden. Klicken Sie zum Ausführen auf Ausführen<textarea name="codeguru"> </textarea>
<p><input type="submit" value="Lauf" style="background-color:#df5035;" color:#ffffff;"></p>


										</div>
									</article>
									
<div id="container-5533149ee6411a5f99b370c693e87966"></div>								</div>
							</div>
						</div>
					</div>
				</div>
				
<aside class="col-lg-4 sidebar sidebar--right">
	<div class="widget widget-popular-posts">
		<h2 class="widget-title">Beliebte Beiträge</h2>
		<ul class="post-list-small">
			<li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__img-holder">
						<div class="thumb-container thumb-100"><a href="/8222493-what-is-quality-assuranceqa-process-methods-examples" title="Was ist Qualitätssicherung (QS)? Verfahren, Methoden, Beispiele" rel="bookmark"><img src="https://cdn.css-code.org/4671437/what_is_quality_assuranceqa_process-_methods-_examples.png.webp" loading="lazy" alt="Was ist Qualitätssicherung (QS)? Verfahren, Methoden, Beispiele" title="Was ist Qualitätssicherung (QS)? Verfahren, Methoden, Beispiele" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
					</div>
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8222493-what-is-quality-assuranceqa-process-methods-examples" title="Was ist Qualitätssicherung (QS)? Verfahren, Methoden, Beispiele" rel="bookmark">Was ist Qualitätssicherung (QS)? Verfahren, Methoden, Beispiele 2025</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__img-holder">
						<div class="thumb-container thumb-100"><a href="/8222495-performance-testing-tutorial-what-is-types-metrics-and-example" title="Leistungstest-Tutorial: Was ist, Typen, Metriken & Beispiel" rel="bookmark"><img src="https://cdn.css-code.org/8187188/performance_testing_tutorial_what_is-_types-_metrics_ampamp_example.png.webp" loading="lazy" alt="Leistungstest-Tutorial: Was ist, Typen, Metriken & Beispiel" title="Leistungstest-Tutorial: Was ist, Typen, Metriken & Beispiel" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
					</div>
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8222495-performance-testing-tutorial-what-is-types-metrics-and-example" title="Leistungstest-Tutorial: Was ist, Typen, Metriken & Beispiel" rel="bookmark">Leistungstest-Tutorial: Was ist, Typen, Metriken & Beispiel 2025</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__img-holder">
						<div class="thumb-container thumb-100"><a href="/8222496-test-strategy-vs-test-plan-whats-the-difference" title="Teststrategie vs. Testplan: Was ist der Unterschied?" rel="bookmark"><img src="https://cdn.css-code.org/3506988/test_strategy_vs_test_plan_whats_the_difference_.png.webp" loading="lazy" alt="Teststrategie vs. Testplan: Was ist der Unterschied?" title="Teststrategie vs. Testplan: Was ist der Unterschied?" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
					</div>
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8222496-test-strategy-vs-test-plan-whats-the-difference" title="Teststrategie vs. Testplan: Was ist der Unterschied?" rel="bookmark">Teststrategie vs. Testplan: Was ist der Unterschied? 2025</a></h3>
					</div>
				</div>
			</li>
		</ul>
	</div>

	<div class="widget widget-popular-posts">
		<h2 class="widget-title">Die besten Bewertungen für den Monat</h2>
		<ul class="post-list-small">
			<li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8002884-border-radius" title="Randradius - CSS-Tricks" rel="bookmark">Randradius - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8002885-box-shadow" title="Kastenschatten - CSS-Tricks" rel="bookmark">Kastenschatten - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8002886-caption-side" title="Beschriftungsseite - CSS-Tricks" rel="bookmark">Beschriftungsseite - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8002888-break-inside" title="Einbruch - CSS-Tricks" rel="bookmark">Einbruch - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8002889-box-decoration-break" title="Box-Dekoration-Pause - CSS-Tricks" rel="bookmark">Box-Dekoration-Pause - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8002890-border-image" title="Rahmenbild - CSS-Tricks" rel="bookmark">Rahmenbild - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8002892-color" title="Farbe - CSS-Tricks" rel="bookmark">Farbe - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8002894-column-count" title="Spaltenanzahl - CSS-Tricks" rel="bookmark">Spaltenanzahl - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8002895-clear" title="Klar - CSS-Tricks" rel="bookmark">Klar - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8002896-caret-color" title="Caret-Farbe - CSS-Tricks" rel="bookmark">Caret-Farbe - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8002897-column-fill" title="Spaltenfüllung - CSS-Tricks" rel="bookmark">Spaltenfüllung - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8002898-caret" title="Caret - CSS-Tricks" rel="bookmark">Caret - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8002899-clip-path" title="Clip-Pfad - CSS-Tricks" rel="bookmark">Clip-Pfad - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8002900-column-rule" title="Spaltenregel - CSS-Tricks" rel="bookmark">Spaltenregel - CSS-Tricks</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8002901-aspect-ratio" title="Seitenverhältnis - CSS-Tricks" rel="bookmark">Seitenverhältnis - CSS-Tricks</a></h3>
					</div>
				</div>
			</li>
		</ul>
	</div>
	
<div id="container-5533149ee6411a5f99b370c693e87966"></div>	<div class="widget widget-popular-posts">
		<h2 class="widget-title">Top Artikel</h2>
		<ul class="post-list-small">
			<li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__img-holder">
						<div class="thumb-container thumb-100"><a href="/8224986-mysql-insert-into-query-how-to-add-row-in-table-example" title="MySQL INSERT INTO-Abfrage: Hinzufügen einer Zeile zur Tabelle (Beispiel)" rel="bookmark"><img src="https://cdn.css-code.org/6375779/mysql_insert_into_query_how_to_add_row_in_table_example.png.webp" loading="lazy" alt="MySQL INSERT INTO-Abfrage: Hinzufügen einer Zeile zur Tabelle (Beispiel)" title="MySQL INSERT INTO-Abfrage: Hinzufügen einer Zeile zur Tabelle (Beispiel)" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
					</div>
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8224986-mysql-insert-into-query-how-to-add-row-in-table-example" title="MySQL INSERT INTO-Abfrage: Hinzufügen einer Zeile zur Tabelle (Beispiel)" rel="bookmark">MySQL INSERT INTO-Abfrage: Hinzufügen einer Zeile zur Tabelle (Beispiel) 2025</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__img-holder">
						<div class="thumb-container thumb-100"><a href="/8224987-mysql-delete-query-how-to-delete-row-from-a-table" title="MySQL DELETE-Abfrage: So löschen Sie Zeilen aus einer Tabelle" rel="bookmark"><img src="https://cdn.css-code.org/1942227/mysql_delete_query_how_to_delete_row_from_a_table.png.webp" loading="lazy" alt="MySQL DELETE-Abfrage: So löschen Sie Zeilen aus einer Tabelle" title="MySQL DELETE-Abfrage: So löschen Sie Zeilen aus einer Tabelle" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
					</div>
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8224987-mysql-delete-query-how-to-delete-row-from-a-table" title="MySQL DELETE-Abfrage: So löschen Sie Zeilen aus einer Tabelle" rel="bookmark">MySQL DELETE-Abfrage: So löschen Sie Zeilen aus einer Tabelle 2025</a></h3>
					</div>
				</div>
			</li><li class="post-list-small__item">
				<div class="post-list-small__entry clearfix">
					<div class="post-list-small__img-holder">
						<div class="thumb-container thumb-100"><a href="/8224988-sql-group-by-and-having-clause-with-examples" title="SQL GROUP BY- und HAVING-Klausel mit Beispielen" rel="bookmark"><img src="https://cdn.css-code.org/7083264/sql_group_by_and_having_clause_with_examples.png.webp" loading="lazy" alt="SQL GROUP BY- und HAVING-Klausel mit Beispielen" title="SQL GROUP BY- und HAVING-Klausel mit Beispielen" class="post-list-small__img--rounded" style="width:88px;height:88px" /></a></div>
					</div>
					<div class="post-list-small__body">
						<h3 class="post-list-small__entry-title"><a href="/8224988-sql-group-by-and-having-clause-with-examples" title="SQL GROUP BY- und HAVING-Klausel mit Beispielen" rel="bookmark">SQL GROUP BY- und HAVING-Klausel mit Beispielen 2025</a></h3>
					</div>
				</div>
			</li>
		</ul>
	</div>
</aside>			</div>
		</div>
		
<footer class="footer footer--dark">
	<div class="container">
		<div class="footer__widgets">
			<div class="row">
				<div class="col-lg-4">
					<div class="widget">
						<h2 class="widget-title">Beliebte Beiträge</h2>
						<ul class="post-list-small">
							<li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224602-codeigniter-mvcmodel-view-controller-framework-with-example" title="CodeIgniter MVC (Model View Controller) Framework mit Beispiel" rel="bookmark">CodeIgniter MVC (Model View Controller) Framework mit Beispiel</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224603-codeigniter-applications-folder-and-file-structure" title="ORDNER der CodeIgniter-Anwendung & DATEI Struktur" rel="bookmark">ORDNER der CodeIgniter-Anwendung & DATEI Struktur</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224604-codeigniter-controllers-views-routing-learn-with-example-app" title="CodeIgniter-Controller, Views Routing: Lernen Sie mit der Beispiel-App" rel="bookmark">CodeIgniter-Controller, Views Routing: Lernen Sie mit der Beispiel-App</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224605-15-best-c-programming-books-for-beginners-2021-update" title="15 BESTE C ++ - Programmierbücher für Anfänger (Update 2021)" rel="bookmark">15 BESTE C ++ - Programmierbücher für Anfänger (Update 2021)</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8224606-codeigniter-routes-learn-with-example" title="CodeIgniter-Routen: Lernen Sie mit Beispiel" rel="bookmark">CodeIgniter-Routen: Lernen Sie mit Beispiel</a></h3>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-lg-4">
					<div class="widget">
						<h2 class="widget-title">Tipp Der Redaktion</h2>
						<ul class="post-list-small">
						<li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003577-signify-pdf-bombs" title="Bezeichnen Sie "PDF Bombs" - CSS-Tricks" rel="bookmark">Bezeichnen Sie "PDF Bombs" - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003578-remove-scrollbar-from-textarea-in-ie" title="Entfernen Sie die Bildlaufleiste aus dem Textbereich in IE - CSS-Tricks" rel="bookmark">Entfernen Sie die Bildlaufleiste aus dem Textbereich in IE - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003579-slide-in-image-boxes" title="Schieben Sie in Bildboxen - CSS-Tricks" rel="bookmark">Schieben Sie in Bildboxen - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003582-smiley-slider" title="Smiley Slider - CSS-Tricks" rel="bookmark">Smiley Slider - CSS-Tricks</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8003583-simple-and-nice-blockquote-styling" title="Einfaches und schönes Blockquote Styling - CSS-Tricks" rel="bookmark">Einfaches und schönes Blockquote Styling - CSS-Tricks</a></h3>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="col-lg-4">
					<div class="widget">
						<h2 class="widget-title">Top Artikel</h2>
						<ul class="post-list-small">
						<li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8226470-hive-create-alter-and-drop-table" title="Hive Erstellen, Ändern & Drop-Tabelle" rel="bookmark">Hive Erstellen, Ändern & Drop-Tabelle</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8226471-hive-partitions-and-buckets-with-example" title="Hive-Partitionen & Eimer mit Beispiel" rel="bookmark">Hive-Partitionen & Eimer mit Beispiel</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8226472-hive-indexes-and-view-with-example" title="Hive-Indizes und Ansicht mit Beispiel" rel="bookmark">Hive-Indizes und Ansicht mit Beispiel</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8226473-hbase-shell-commands-with-examples" title="HBase-Shell-Befehle mit Beispielen" rel="bookmark">HBase-Shell-Befehle mit Beispielen</a></h3>
									</div>
								</div>
							</li><li class="post-list-small__item">
								<div>
									<div>
										<h3 class="post-list-small__entry-title"><a href="/8226474-hive-queries-order-by-group-by-distribute-by-cluster-by-examples" title="Hive-Abfragen: Sortieren nach, Gruppieren nach, Verteilen nach, Cluster nach Beispielen" rel="bookmark">Hive-Abfragen: Sortieren nach, Gruppieren nach, Verteilen nach, Cluster nach Beispielen</a></h3>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<p>© Copyright de.css-code.org, 2025 Juni | 
				<a href="https://de.css-code.org/about-site" title="Über Site">Über Site</a> | 
				<a href="https://de.css-code.org/contacts" title="Kontakte">Kontakte</a> | 
				<a href="https://de.css-code.org/privacy-policy" title="Datenschutz-Bestimmungen">Datenschutz-Bestimmungen</a>.
			</p>
			
		</div>
	</div>
</footer>		
<link href="https://css-code.org/template/css/style.min.css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'" />	</body>
</html>