Auf Thema antworten 2026

Beitrag

<blockquote data-quote="TappamWah" data-source="post: 2721368" data-attributes="member: 664994">Danke, das hat mir schon etwas geholfen) Ich konnte den Container in seiner Größe zumindest reduzieren, aber irgenwie bekomme ich es trotzdem nicht optimal hin(( Jetzt hab ich ganze Nacht rumprobiert, dass bei mir der generierte Text und evtl der Button angezeigt wird. Bin aber langsam echt am Ende<img src="/styles/default/xenforo/smilies/confused.gif"&nbsp; class="smilie" loading="lazy" alt=":confused:" title="Confused&nbsp; &nbsp; :confused:" data-shortname=":confused:" />[HTML]&lt;div style=&quot;box-sizing:border-box;display:flex;justify-content:center;align-items:center&quot;&gt;&nbsp; &lt;h1&gt; Sentence Generator&lt;/h1&gt;&nbsp; &lt;id=button1 style=&quot;&quot; onclick=&quot;sentence()&quot;&gt;Refresh&lt;i class=&quot;fa fa-refresh&quot; aria-hidden=&quot;true&quot;&gt;&lt;/i&gt;&lt;/id=button1&gt;&lt;/div&gt;&lt;div class=&quot;qpwo_container&quot;&gt;&nbsp; &lt;p id=&quot;sentence&quot;&gt;&lt;/p&gt;&nbsp; &nbsp; &lt;/div&gt;[/HTML][CODE]body {&nbsp; color: #2e2e2e;&nbsp; font-family: sans-serif;&nbsp; font-size: 21px;&nbsp; text-align: justify;&nbsp; margin: 0 auto;}.qpwo_container {&nbsp; background-color: #35A54A;&nbsp; color: whitesmoke;&nbsp; position: relative;&nbsp; /*&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 10vh;*/&nbsp; height: 200px;&nbsp; padding-top: 14vh;&nbsp; box-sizing: border-box;}.qpwo_container p {&nbsp; margin-top: 10vh;&nbsp; padding: 5px;&nbsp; line-height: 1.6;&nbsp; -webkit-hyphens: auto;&nbsp; -moz-hyphens: auto;&nbsp; -ms-hyphens: auto;&nbsp; hyphens: auto;&nbsp; width: 73px;&nbsp; /*&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; top: 20vh;*/}h1 {&nbsp; font-size: 20px;&nbsp; text-align: center;&nbsp; font-family: &#039;Arial Black&#039;, sans-serif;&nbsp; margin-right: 20px;}button1 {&nbsp; height: 60px;&nbsp; justify-content: right;&nbsp; outline: none;&nbsp; font-famiy: sans-serif;&nbsp; position: relative;&nbsp; padding: 10px;&nbsp; width: 120px;&nbsp; left: 100vh;&nbsp; border: none;&nbsp; background-color: #fff;&nbsp; border: 2px solid #1b1b1b;&nbsp; color: #1b1b1b;&nbsp; transition: 500ms ease-in;&nbsp; font-size: 18px;&nbsp; display: flex;&nbsp; justify-content: center;}button i {&nbsp; margin-left: 3px;}button:hover {&nbsp; color: #fff;&nbsp; background-color: #1b1b1b;}.container:first-child {&nbsp; height: 30vh !important;}@media screen and (max-width: 565px) {&nbsp; .container p {&nbsp; &nbsp; font-size: 17px;&nbsp; }&nbsp; div:first-child {&nbsp; &nbsp; height: 2vh;&nbsp; }}@media screen and (min-width: 565px) {&nbsp; body {&nbsp; &nbsp; text-align: center;&nbsp; }}[/CODE][CODE]&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var verbs, nouns, adjectives, adverbs, preposition;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; nouns = [&quot;bird&quot;, &quot;clock&quot;, &quot;boy&quot;, &quot;plastic&quot;, &quot;duck&quot;, &quot;teacher&quot;, &quot;old lady&quot;, &quot;professor&quot;, &quot;hamster&quot;, &quot;dog&quot;];&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; verbs = [&quot;kicked&quot;, &quot;ran&quot;, &quot;flew&quot;, &quot;dodged&quot;, &quot;sliced&quot;, &quot;rolled&quot;, &quot;died&quot;, &quot;breathed&quot;, &quot;slept&quot;, &quot;killed&quot;];&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; adjectives = [&quot;beautiful&quot;, &quot;lazy&quot;, &quot;professional&quot;, &quot;lovely&quot;, &quot;dumb&quot;, &quot;rough&quot;, &quot;soft&quot;, &quot;hot&quot;, &quot;vibrating&quot;, &quot;slimy&quot;];&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; adverbs = [&quot;slowly&quot;, &quot;elegantly&quot;, &quot;precisely&quot;, &quot;quickly&quot;, &quot;sadly&quot;, &quot;humbly&quot;, &quot;proudly&quot;, &quot;shockingly&quot;, &quot;calmly&quot;, &quot;passionately&quot;];&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; preposition = [&quot;down&quot;, &quot;into&quot;, &quot;up&quot;, &quot;on&quot;, &quot;upon&quot;, &quot;below&quot;, &quot;above&quot;, &quot;through&quot;, &quot;across&quot;, &quot;towards&quot;];&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; function randGen() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return Math.floor(Math.random() * 5);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; function sentence() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var rand1 = Math.floor(Math.random() * 10);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var rand2 = Math.floor(Math.random() * 10);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var rand3 = Math.floor(Math.random() * 10);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var rand4 = Math.floor(Math.random() * 10);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var rand5 = Math.floor(Math.random() * 10);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var rand6 = Math.floor(Math.random() * 10);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var randCol = [rand1,rand2,rand3,rand4,rand5];&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; //&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var i = randGen();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var content = &quot;The &quot; + adjectives[rand1] + &quot; &quot; + nouns[rand2] + &quot; &quot; + adverbs[rand3] + &quot; &quot; + verbs[rand4] + &quot; because some &quot; + nouns[rand1] + &quot; &quot; + adverbs[rand1] + &quot; &quot; + verbs[rand1] + &quot; &quot; + preposition[rand1] + &quot; a &quot; + adjectives[rand2] + &quot; &quot; + nouns[rand5] + &quot; which, became a &quot; + adjectives[rand3] + &quot;, &quot; + adjectives[rand4] + &quot; &quot; + nouns[rand6] + &quot;.&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&#039;sentence&#039;).innerHTML = &quot;&quot;&quot; + content + &quot;&quot;&quot;;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; };&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; sentence();[/CODE]</blockquote>

[QUOTE="TappamWah, post: 2721368, member: 664994"] Danke, das hat mir schon etwas geholfen) Ich konnte den Container in seiner Größe zumindest reduzieren, aber irgenwie bekomme ich es trotzdem nicht optimal hin(( Jetzt hab ich ganze Nacht rumprobiert, dass bei mir der generierte Text und evtl der Button angezeigt wird. Bin aber langsam echt am Ende:confused: [HTML]<div style="box-sizing:border-box;display:flex;justify-content:center;align-items:center"> <h1> Sentence Generator</h1> <id=button1 style="" onclick="sentence()">Refresh</id=button1> </div> <div class="qpwo_container"> </div> [/HTML] [CODE]body { color: #2e2e2e; font-family: sans-serif; font-size: 21px; text-align: justify; margin: 0 auto; } .qpwo_container { background-color: #35A54A; color: whitesmoke; position: relative; /* margin-top: 10vh;*/ height: 200px; padding-top: 14vh; box-sizing: border-box; } .qpwo_container p { margin-top: 10vh; padding: 5px; line-height: 1.6; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; width: 73px; /* top: 20vh;*/ } h1 { font-size: 20px; text-align: center; font-family: 'Arial Black', sans-serif; margin-right: 20px; } button1 { height: 60px; justify-content: right; outline: none; font-famiy: sans-serif; position: relative; padding: 10px; width: 120px; left: 100vh; border: none; background-color: #fff; border: 2px solid #1b1b1b; color: #1b1b1b; transition: 500ms ease-in; font-size: 18px; display: flex; justify-content: center; } button i { margin-left: 3px; } button:hover { color: #fff; background-color: #1b1b1b; } .container:first-child { height: 30vh !important; } @media screen and (max-width: 565px) { .container p { font-size: 17px; } div:first-child { height: 2vh; } } @media screen and (min-width: 565px) { body { text-align: center; } }[/CODE] [CODE] var verbs, nouns, adjectives, adverbs, preposition; nouns = ["bird", "clock", "boy", "plastic", "duck", "teacher", "old lady", "professor", "hamster", "dog"]; verbs = ["kicked", "ran", "flew", "dodged", "sliced", "rolled", "died", "breathed", "slept", "killed"]; adjectives = ["beautiful", "lazy", "professional", "lovely", "dumb", "rough", "soft", "hot", "vibrating", "slimy"]; adverbs = ["slowly", "elegantly", "precisely", "quickly", "sadly", "humbly", "proudly", "shockingly", "calmly", "passionately"]; preposition = ["down", "into", "up", "on", "upon", "below", "above", "through", "across", "towards"]; function randGen() { return Math.floor(Math.random() * 5); } function sentence() { var rand1 = Math.floor(Math.random() * 10); var rand2 = Math.floor(Math.random() * 10); var rand3 = Math.floor(Math.random() * 10); var rand4 = Math.floor(Math.random() * 10); var rand5 = Math.floor(Math.random() * 10); var rand6 = Math.floor(Math.random() * 10); // var randCol = [rand1,rand2,rand3,rand4,rand5]; // var i = randGen(); var content = "The " + adjectives[rand1] + " " + nouns[rand2] + " " + adverbs[rand3] + " " + verbs[rand4] + " because some " + nouns[rand1] + " " + adverbs[rand1] + " " + verbs[rand1] + " " + preposition[rand1] + " a " + adjectives[rand2] + " " + nouns[rand5] + " which, became a " + adjectives[rand3] + ", " + adjectives[rand4] + " " + nouns[rand6] + "."; document.getElementById('sentence').innerHTML = """ + content + """; }; sentence();[/CODE] [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?