JavaScript Variablen ausgeben – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self JavaScript Variablen ausgeben Fri, 19 May 23 08:48:51 Z https://forum.selfhtml.org/self/2023/may/19/javascript-variablen-ausgeben/1808910#m1808910 https://forum.selfhtml.org/self/2023/may/19/javascript-variablen-ausgeben/1808910#m1808910 <p>Ich hab versucht den Code von "5. Altersabfrage mit Gültigkeitsüberprüfung" zu nutzen:</p> <pre><code class="block language-html"><span class="token doctype"><span class="token punctuation"><!</span><span class="token doctype-tag">doctype</span> <span class="token name">html</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>utf-8<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>5. Altersabfrage mit Gültigkeitsüberprüfung<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript"> <span class="token string">'use strict'</span><span class="token punctuation">;</span> <span class="token keyword">let</span> name <span class="token operator">=</span> <span class="token string">''</span><span class="token punctuation">,</span> alter <span class="token operator">=</span> <span class="token string">''</span><span class="token punctuation">,</span> ablehnungsText <span class="token operator">=</span> <span class="token string">'Du kommst hier net rein!'</span><span class="token punctuation">;</span> <span class="token keyword">const</span> erwachsen <span class="token operator">=</span> <span class="token number">18</span><span class="token punctuation">;</span> name <span class="token operator">=</span> <span class="token function">prompt</span><span class="token punctuation">(</span><span class="token string">'Bitte geben Sie Ihren Namen ein!'</span><span class="token punctuation">,</span> name<span class="token punctuation">)</span><span class="token punctuation">;</span> alter <span class="token operator">=</span> <span class="token function">prompt</span><span class="token punctuation">(</span><span class="token string">'Bitte geben Sie Ihr Alter ein!'</span><span class="token punctuation">,</span> alter<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token keyword">if</span> <span class="token punctuation">(</span><span class="token function">isNaN</span><span class="token punctuation">(</span>alter<span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token punctuation">{</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>ablehnungsText<span class="token punctuation">)</span> <span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token keyword">if</span> <span class="token punctuation">(</span>alter <span class="token operator">>=</span> erwachsen<span class="token punctuation">)</span> <span class="token punctuation">{</span> <span class="token keyword">let</span> ausgabe <span class="token operator">=</span> <span class="token string">'Hallo ${name}!'</span><span class="token punctuation">;</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>ausgabe<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token keyword">else</span> <span class="token punctuation">{</span> console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>ablehnungsText<span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token punctuation">}</span> </span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>script</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span> </code></pre> <p>Mein Problem ist nur, dass das ${name} nicht funktioniert. In der Console steht am Ende "Hallo ${name}!" und nicht mit dem eingegebenen Namen. Woran liegt das?<a href="/images/d064cc2e-f621-11ed-8728-b42e9947ef30.png" rel="noopener noreferrer"><img src="/images/d064cc2e-f621-11ed-8728-b42e9947ef30.png?size=medium" alt=""Hallo ${name}!"-Beweis aus der Console" title=""Hallo ${name}!"" loading="lazy"></a></p> JavaScript Variablen ausgeben Fri, 19 May 23 09:22:09 Z https://forum.selfhtml.org/self/2023/may/19/javascript-variablen-ausgeben/1808911#m1808911 https://forum.selfhtml.org/self/2023/may/19/javascript-variablen-ausgeben/1808911#m1808911 <blockquote> <p>let ausgabe = 'Hallo ${name}!';</p> </blockquote> <p>Statt <code>'</code> müssen hier Backticks (<code>`</code>) zur Stringbegrenzung verwendet werden. Also so:</p> <pre><code class="block">let ausgabe = `Hallo ${name}!`; </code></pre> JavaScript Variablen ausgeben Fri, 19 May 23 09:31:33 Z https://forum.selfhtml.org/self/2023/may/19/javascript-variablen-ausgeben/1808912#m1808912 https://forum.selfhtml.org/self/2023/may/19/javascript-variablen-ausgeben/1808912#m1808912 <p>@@Random2356</p> <p>Wo du <code>'</code> als Inline-Code ausgezeichnet hast, dachte ich, du willst <code>`</code> auch so auszeichnen, wusstest aber nicht, <a href="https://forum.selfhtml.org/self/2023/apr/07/formular-im-wiki-gesucht/1807865#m1807865" rel="noopener noreferrer">wie’s geht</a>.</p> <p lang="uk"> Живіть довго і процвітайте</p> <div class="signature">-- <br> <em lang="cs">„Ukončete, prosím, výstup a nástup, dveře se zavírají.“</em> </div>