tag:forum.selfhtml.org,2005:/selfDatumsausgabe durch Javascript in html einbinden – SELFHTML-Forum2021-08-19T12:44:44Zhttps://forum.selfhtml.org/self/2021/aug/19/datumsausgabe-durch-javascript-in-html-einbinden/1790957#m1790957Maximillian2021-08-19T11:06:50Z2021-08-19T11:06:50ZDatumsausgabe durch Javascript in html einbinden<p>Hallo,</p>
<p>ich möchte mein per Javascript erstelltes Datum in html einbinden und mit css farblich ändern.
lieben Dank für die Hilfe!</p>
<pre><code class="block language-javascript"><span class="token operator"><</span>script type<span class="token operator">=</span><span class="token string">"text/javascript"</span><span class="token operator">></span>
<span class="token keyword">var</span> currentTime <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Date</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
<span class="token keyword">var</span> month <span class="token operator">=</span> currentTime<span class="token punctuation">.</span><span class="token function">getMonth</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">+</span> <span class="token number">1</span>
<span class="token keyword">var</span> day <span class="token operator">=</span> currentTime<span class="token punctuation">.</span><span class="token function">getDate</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
<span class="token keyword">var</span> year <span class="token operator">=</span> currentTime<span class="token punctuation">.</span><span class="token function">getFullYear</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
document<span class="token punctuation">.</span><span class="token function">write</span><span class="token punctuation">(</span><span class="token function">toRoman</span><span class="token punctuation">(</span>day<span class="token punctuation">)</span> <span class="token operator">+</span> <span class="token string">" . "</span> <span class="token operator">+</span> <span class="token function">toRoman</span><span class="token punctuation">(</span>month<span class="token punctuation">)</span> <span class="token operator">+</span> <span class="token string">" . "</span> <span class="token operator">+</span> <span class="token function">toRoman</span><span class="token punctuation">(</span>year<span class="token punctuation">)</span><span class="token punctuation">)</span>
<span class="token keyword">function</span> <span class="token function">toRoman</span><span class="token punctuation">(</span><span class="token parameter">num</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword">var</span> listOfNum <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token number">1000</span><span class="token punctuation">,</span> <span class="token number">900</span><span class="token punctuation">,</span> <span class="token number">500</span><span class="token punctuation">,</span> <span class="token number">400</span><span class="token punctuation">,</span> <span class="token number">100</span><span class="token punctuation">,</span> <span class="token number">90</span><span class="token punctuation">,</span> <span class="token number">50</span><span class="token punctuation">,</span> <span class="token number">40</span><span class="token punctuation">,</span> <span class="token number">10</span><span class="token punctuation">,</span> <span class="token number">9</span><span class="token punctuation">,</span> <span class="token number">5</span><span class="token punctuation">,</span> <span class="token number">4</span><span class="token punctuation">,</span> <span class="token number">1</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token keyword">var</span> listOfRoman <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token string">'M'</span><span class="token punctuation">,</span> <span class="token string">'CM'</span><span class="token punctuation">,</span> <span class="token string">'D'</span><span class="token punctuation">,</span> <span class="token string">'CD'</span><span class="token punctuation">,</span> <span class="token string">"C"</span><span class="token punctuation">,</span> <span class="token string">'XC'</span><span class="token punctuation">,</span> <span class="token string">'L'</span><span class="token punctuation">,</span> <span class="token string">'XL'</span><span class="token punctuation">,</span> <span class="token string">'X'</span><span class="token punctuation">,</span> <span class="token string">'IX'</span><span class="token punctuation">,</span> <span class="token string">'V'</span><span class="token punctuation">,</span> <span class="token string">'IV'</span><span class="token punctuation">,</span> <span class="token string">'I'</span><span class="token punctuation">]</span>
<span class="token keyword">var</span> numToRoman <span class="token operator">=</span> <span class="token string">''</span><span class="token punctuation">;</span>
<span class="token keyword">for</span> <span class="token punctuation">(</span><span class="token keyword">let</span> i <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">;</span> i <span class="token operator"><</span> listOfNum<span class="token punctuation">.</span>length<span class="token punctuation">;</span> i<span class="token operator">++</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
<span class="token keyword">while</span> <span class="token punctuation">(</span>num <span class="token operator">>=</span> listOfNum<span class="token punctuation">[</span>i<span class="token punctuation">]</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
numToRoman <span class="token operator">+=</span> listOfRoman<span class="token punctuation">[</span>i<span class="token punctuation">]</span><span class="token punctuation">;</span>
num <span class="token operator">-=</span> listOfNum<span class="token punctuation">[</span>i<span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token punctuation">}</span>
<span class="token keyword">return</span> numToRoman<span class="token punctuation">;</span>
<span class="token punctuation">}</span>
<span class="token operator"><</span><span class="token operator">/</span>script<span class="token operator">></span>
</code></pre>
https://forum.selfhtml.org/self/2021/aug/19/datumsausgabe-durch-javascript-in-html-einbinden/1790958#m1790958dedlfix2021-08-19T11:12:55Z2021-08-19T11:12:55ZDatumsausgabe durch Javascript in html einbinden<p>Tach!</p>
<blockquote>
<p>ich möchte mein per Javascript erstelltes Datum in html einbinden und mit css farblich ändern.
lieben Dank für die Hilfe!</p>
</blockquote>
<p>Gern, aber was ist deine Frage oder das Problem?</p>
<p>dedlfix.</p>
https://forum.selfhtml.org/self/2021/aug/19/datumsausgabe-durch-javascript-in-html-einbinden/1790959#m1790959Maximillian2021-08-19T11:23:56Z2021-08-19T11:23:56ZDatumsausgabe durch Javascript in html einbinden<p>momentan habe ich den Script in meinem DIV. diesen Div habe ich per css eine Textfarbe zugewiesen. Die ausgabe des Textes bleibt aber schwarz.</p>
<p>;-( Dies wollte ich ändern, weiß aber nicht wie.</p>
<p>Liebe grüße</p>
https://forum.selfhtml.org/self/2021/aug/19/datumsausgabe-durch-javascript-in-html-einbinden/1790960#m1790960Auge2021-08-19T11:31:21Z2021-08-19T11:31:21ZDatumsausgabe durch Javascript in html einbinden<p>Hallo</p>
<blockquote>
<p>momentan habe ich den Script in meinem DIV. diesen Div habe ich per css eine Textfarbe zugewiesen. Die ausgabe des Textes bleibt aber schwarz.</p>
<p>;-( Dies wollte ich ändern, weiß aber nicht wie.</p>
</blockquote>
<p>Entspricht denn der durch das JS-Skript generierte HTML-Code deinen Erwartungen und dem im CSS definierten Selektor?</p>
<p>Tschö, Auge</p>
<div class="signature">-- <br>
200 ist das neue 35.
</div>
https://forum.selfhtml.org/self/2021/aug/19/datumsausgabe-durch-javascript-in-html-einbinden/1790961#m1790961dedlfix2021-08-19T11:34:07Z2021-08-19T11:34:07ZDatumsausgabe durch Javascript in html einbinden<p>Tach!</p>
<blockquote>
<p>momentan habe ich den Script in meinem DIV. diesen Div habe ich per css eine Textfarbe zugewiesen. Die ausgabe des Textes bleibt aber schwarz.</p>
<p>;-( Dies wollte ich ändern, weiß aber nicht wie.</p>
</blockquote>
<p>Bekommst du es denn grundsätzlich hin, einen Text oder Teile davon zu färben? Sprich: allein mit HTML/CSS, ganz ohne Javascript. Dein Javascript-Code schreibt ja nur Text und hat mit dem HTML- und CSS-Teil nichts weiter am Hut.</p>
<p>dedlfix.</p>
https://forum.selfhtml.org/self/2021/aug/19/datumsausgabe-durch-javascript-in-html-einbinden/1790962#m1790962Rolf B2021-08-19T11:34:45Z2021-08-19T11:34:45ZDatumsausgabe durch Javascript in html einbinden<p>Hallo Maximillian,</p>
<p>bisher hast Du ja nur kopiert.</p>
<p><a href="https://stackoverflow.com/a/61920861/1453536" rel="noopener noreferrer">https://stackoverflow.com/a/61920861/1453536</a></p>
<blockquote>
<p>momentan habe ich den Script in meinem DIV.<br>
diesen Div</p>
</blockquote>
<p>Es ist <em>das</em> Script und <em>das</em> HTML Element...</p>
<blockquote>
<p>diesen Div habe ich per css eine Textfarbe zugewiesen. Die ausgabe des Textes bleibt aber schwarz.</p>
</blockquote>
<p>Dann müsstest Du uns zeigen, wie Du das gemacht hast, andernfalls können wir Dir nicht sagen, wo Du Dich <s>verkopiert</s> vertippt hast.</p>
<p><em>Rolf</em></p>
<div class="signature">-- <br>
sumpsi - posui - obstruxi
</div>
https://forum.selfhtml.org/self/2021/aug/19/datumsausgabe-durch-javascript-in-html-einbinden/1790963#m1790963Maximillian2021-08-19T11:56:54Z2021-08-19T11:56:54ZDatumsausgabe durch Javascript in html einbinden<p>Oha,</p>
<p>ich habe dafür bezahlt, für dieses Script. Diese Priester.
ich konnte nun die Farbe ändern, war wohl ein Tippfehler. Ich dachte nur, das die Ausgabe des Skriptes seperat angesprochen werden muss.</p>
<p>Lieben dank!!!</p>
https://forum.selfhtml.org/self/2021/aug/19/datumsausgabe-durch-javascript-in-html-einbinden/1790966#m1790966Rolf B2021-08-19T12:44:44Z2021-08-19T12:44:44ZDatumsausgabe durch Javascript in html einbinden<p>Hallo Maximillian,</p>
<blockquote>
<p>ich habe dafür bezahlt, für dieses Script</p>
</blockquote>
<p>Tja. Man findet das Script auch an anderen Stellen, auf Webseiten in unterschiedlichsten Sprachen. Die Idee an sich findet man an noch mehr Stellen. Steht vermutlich als Beispiel in irgendeinem Lehrbuch.</p>
<p>Insofern kann man wohl kaum eine Herkunft benennen. Im Zweifelsfall hast Du dafür bezahlt, dass dein Programmierer die Recherche durchgeführt hat.</p>
<p><em>Rolf</em></p>
<div class="signature">-- <br>
sumpsi - posui - obstruxi
</div>