tag:forum.selfhtml.org,2005:/self Datumsausgabe durch Javascript in html einbinden – SELFHTML-Forum 2021-08-19T12:44:44Z https://forum.selfhtml.org/self/2021/aug/19/datumsausgabe-durch-javascript-in-html-einbinden/1790957#m1790957 Maximillian 2021-08-19T11:06:50Z 2021-08-19T11:06:50Z Datumsausgabe 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#m1790958 dedlfix 2021-08-19T11:12:55Z 2021-08-19T11:12:55Z Datumsausgabe 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#m1790959 Maximillian 2021-08-19T11:23:56Z 2021-08-19T11:23:56Z Datumsausgabe 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#m1790960 Auge 2021-08-19T11:31:21Z 2021-08-19T11:31:21Z Datumsausgabe 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#m1790961 dedlfix 2021-08-19T11:34:07Z 2021-08-19T11:34:07Z Datumsausgabe 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#m1790962 Rolf B 2021-08-19T11:34:45Z 2021-08-19T11:34:45Z Datumsausgabe 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#m1790963 Maximillian 2021-08-19T11:56:54Z 2021-08-19T11:56:54Z Datumsausgabe 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#m1790966 Rolf B 2021-08-19T12:44:44Z 2021-08-19T12:44:44Z Datumsausgabe 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>