Diskuze: Jak na podmínku v JS

V předchozím kvízu, Online test znalostí JavaScript, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

dronkarll

Člen

dronkarll:19.12.2016 17:37

Ahojte všem chtěl bych vás požádat o radu při vytvoření podmínky v JS a konkrétně bych chtěl udělat to že když bych nastavil daný počet písmen tak by se změnil sizefont ( takže když bude třeba například od 1 do 10 písmen v odstavci změní se font třeba na 200px a když by bylo od 11 do 15 písmen tak by se změnil font třeba na 150px) hledal jsme na internetu a nic sem podobného nesehnal. Byl bych moc vděčný kdyby mi někdo poradil nebo by mě aspoň trochu nasměrovat.

Odpovědět

19.12.2016 17:37

Libor Šimo (libcosenior)

Tvůrce

Libor Šimo (libcosenior):19.12.2016 17:51

Po zadani retazcu do odstavca vyvolas udalost na zmenu velkosti fontu na zaklade splneni podmienky velkosti retazca.

Nahoru Odpovědět

19.12.2016 17:51

Aj tisícmíľová cesta musí začať jednoduchým krokom.

dronkarll

Člen

dronkarll:19.12.2016 17:55

To moc nechápu v JS jsem nováček takže se tím prokousavam. Jinak děkuji kouknu na to a nějak to dám dohromady

Editováno 19.12.2016 17:57

Nahoru Odpovědět

19.12.2016 17:55

Libor Šimo (libcosenior)

Tvůrce

Libor Šimo (libcosenior):19.12.2016 17:57

Precital a vyskusal si si miestny serial o JS?
Je velmi jednoduche napisat, poradte alebo nasmerujte, ale prestudovat si nieco je velmi tazke. Ze?

Nahoru Odpovědět

19.12.2016 17:57

Aj tisícmíľová cesta musí začať jednoduchým krokom.

Libor Šimo (libcosenior)

Tvůrce

Libor Šimo (libcosenior):19.12.2016 17:58

Po prestudovani to zvladnes v pohode sam.

Nahoru Odpovědět

19.12.2016 17:58

Aj tisícmíľová cesta musí začať jednoduchým krokom.

dronkarll

Člen

dronkarll:19.12.2016 18:05

Ano učím se zde z tutoriálu každý den a pročítam i jiné tutoriály jen sem nějak nebyl schopen zatim dát toto dohromady

Editováno 19.12.2016 18:06

Nahoru Odpovědět

19.12.2016 18:05

Libor Šimo (libcosenior)

Tvůrce

Libor Šimo (libcosenior):19.12.2016 18:16

Zacni pisat kod, spustaj si ho a stale ho dplnuj a vylepsuj.

Nahoru Odpovědět

19.12.2016 18:16

Aj tisícmíľová cesta musí začať jednoduchým krokom.

Libor Šimo (libcosenior)

Tvůrce

Libor Šimo (libcosenior):19.12.2016 18:18

Uz mas napisanu zakladnu stranku s odstavcami este bez JS?

Nahoru Odpovědět

19.12.2016 18:18

Aj tisícmíľová cesta musí začať jednoduchým krokom.

dronkarll

Člen

dronkarll:19.12.2016 18:31

Základní strukturu už mám pouze jen se funkcí print přes JS kde mám dané font size které se změní když zmáčknu print a teď se to snažím vylepšit tou podmínkou že se font size změní podle délky textu

Nahoru Odpovědět

19.12.2016 18:31

Libor Šimo (libcosenior)

Tvůrce

Libor Šimo (libcosenior):19.12.2016 19:14

Pastni sem kod.

Nahoru Odpovědět

19.12.2016 19:14

Aj tisícmíľová cesta musí začať jednoduchým krokom.

dronkarll

Člen

dronkarll:19.12.2016 19:23

<body>
<div id="div">
<p id="size">řepa-jablko</p>
<p id="sizedate">21-11-1C</p>
<p id="demo"></p>
</div>
<footer>

<button onclick="printContent('div')" class="btn_print">Print</button>

<textarea id="myTextarea" rows="1" cols="11" autofocus placeholder="datum/kusy"></textarea>
<button type="button" onclick="myFunction()" class="btn">potvrď</button>
</footer>
</body>

Nahoru Odpovědět

19.12.2016 19:23

dronkarll

Člen

dronkarll:19.12.2016 19:24

function printContent(el){
var restorepage = document.body.innerHTML;
var printcontent = document.getElementById(el).innerHTML;
document.body.innerHTML = printcontent;
document.getElementById("size").style.fontSize = "160px";
document.getElementById("sizedate").style.fontSize = "210px";
document.getElementById("demo").style.fontSize = "210px";
window.print();
document.body.innerHTML = restorepage;
}

Nahoru Odpovědět

19.12.2016 19:24

dronkarll

Člen

dronkarll:19.12.2016 19:26

a konkretně v document.getElementById("size").style.fontSize = "160px"; bych chtěl udělat tu podmínku kde nenastavím napevno size ale podle toho jak je slouhy text

Nahoru Odpovědět

19.12.2016 19:26

Libor Šimo (libcosenior)

Tvůrce

Libor Šimo (libcosenior):19.12.2016 20:09

Sorry, ale ja tieto veci riesim cez jQuery.

Nahoru Odpovědět

19.12.2016 20:09

Aj tisícmíľová cesta musí začať jednoduchým krokom.

dronkarll

Člen

dronkarll:19.12.2016 20:12

přes to to jde tak jo ? nevadí jQuery se taky časem dostanu ale první se musím naučit JS ne? jinak ale dík tak ochotu a že ses ozval

Nahoru Odpovědět

19.12.2016 20:12

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:19.12.2016 20:24

var sizeElement = document.getElementById("size");
sizeElement.style.fontSize = ( sizeElement.innerHTML.length < 100 ) ? "72px" : "32px";

Nastaví elementu #size velikost textu na 72px v případě, že má 0-99 znaků, jinak pro 100 a více znaků velikost 32px.

EDIT
Kód nahoře používá ternární operátor, ve finále je to samý jako:

var sizeElement = document.getElementById("size");

if ( sizeElement.innerHTML.length < 100 ){
        sizeElement.style.fontSize = "72px";
} else{
        sizeElement.style.fontSize = "32px";
}

Editováno 19.12.2016 20:26

Akceptované řešení
+20 Zkušeností
+2,50 Kč

Nahoru Odpovědět

19.12.2016 20:24

Neaktivní uživatelský účet

Neaktivní uživatel

Tvůrce

Neaktivní uživatel:19.12.2016 20:35

https://jsfiddle.net/…ll/7erngu62/
Pokud mas nejaky dotazy, klidne se ptej.

Do odstavce si neco pripis, pripadne ho zkrat a pouzij tlacitko RUN na prekresleni.

Editováno 19.12.2016 20:35

Nahoru Odpovědět

19.12.2016 20:35

Neaktivní uživatelský účet

dronkarll

Člen

dronkarll:19.12.2016 20:50

to je přesně ono co sem hledal ale jak koukám tak to nebylo tak složité ale jak říkám jsem začátečník takže si to teď rozeberu abych věděl jak si k tomu přišel

Nahoru Odpovědět

19.12.2016 20:50

dronkarll

Člen

dronkarll:19.12.2016 20:53

diky moc kdyby něco což určitě něco ještě bude tak se ozvu

Nahoru Odpovědět

19.12.2016 20:53

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 19 zpráv z 19.