mardi 19 décembre 2017

JavaScript image loading don't work

So i have a code that picks random image from other 99(soon will be) and i don't have the image displayed after the load. The code should set random background image but it don't happen. How files look like

enter image description here

JavaScript function that should load the image:

const maxFiles = 100;
const randomEl = document.getElementById("random");
function randombg() {
  var random = Math.floor(Math.random() * maxFiles)+1;
  randomEl.style.backgroundImage = `url('${random}.jpeg')`;

}
randombg();

There aren't error how you see and i can't figure out the problem.

Full code:

const maxFiles = 100;
const randomEl = document.getElementById("random");
function randombg() {
  var random = Math.floor(Math.random() * maxFiles)+1;
  randomEl.style.backgroundImage = `url('${random}.jpeg')`;

}
randombg();

function checkTime(i) {
  if (i < 10) {
    i = "0" + i;
  }
  return i;
}

function startTime() {
  var today = new Date();
  var h = today.getHours();
  var m = today.getMinutes();
  var s = today.getSeconds();
  // add a zero in front of numbers<10
  m = checkTime(m);
  s = checkTime(s);
  document.getElementById('time').innerHTML = h + ":" + m + ":" + s;
  t = setTimeout(function() {
    startTime()
  }, 500);
}
startTime();


var quotes=['В днешно време хората знаят цената на всичко, но не знаят стойността на нищо.-Оскар Уайлд 1856-1900','Опит е името, което даваме на грешките си.-Оскар Уайлд 1856-1900','Да обичаш себе си, означава да си влюбен цял живот.-Оскар Уайлд 1856-1900','Любовта, а не немската философия, крие истинското обяснение на този свят.-Оскар Уайлд 1856-1900','Приятелите си избирам по хубавата им външност, познатите си — заради доброто им име, а враговете си —заради техния ум. Човек трудно може да подбира съвсем точно враговете си. А сред моите врагове няма нито един глупак. Всички са достатъчно интелигентни и затова ме ценят.-Оскар Уайлд 1856-1900','Нищо не лекува така добре душата както вълненията, а от вълненията може да ни излекува само душата.-Оскар Уайлд 1856-1900','Мъжът винаги иска да бъде първата любов на жената, а жената иска да бъде последния роман на мъжа.-Оскар Уайлд 1856-1900','Винаги прощавайте на враговете си - за тях няма нищо по-дразнещо от това.-Оскар Уайлд 1856-1900','Модно е това, което носим самите ние. Не е модно онова, което носят другите хора.-Оскар Уайлд 1856-1900','Може ли разстоянието наистина да те раздели от приятелите ти... Ако искаш да си с някого, когото обичаш, не си ли вече там при него?-Ричард Бах','Най-дълбоки са най-простите въпроси. Къде съм роден? Къде е моят дом? Къде отивам? Какво правя? Замисляй се от време на време върху тях и наблюдавай как отговорите ти се променят.-Ричард Бах','Живей така, че никога да не те е срам, в случай че онова, което правиш или говориш, бъде огласено някъде по света, дори огласеното да не отговаря на истината.-Ричард Бах','След като щастието ти зависи от това, което прави някой друг, явно наистина си имаш проблем.-Ричард Бах','Единственото ти задължение през всичките животи е да си верен на себе си. Не само че е невъзможно да си верен на някой друг или на нещо друго, това е белег и че си лъжемесия.-Ричард Бах','Никога не те спохожда желание, без да те споходи и силата, с която да го осъществиш. Но все пак може да се наложи и да се потрудиш за това.-Ричард Бах','Аз дадох живота си, за да стана тази личност, която съм сега! Заслужаваше ли си да платя тази цена?-Ричард Бах','Мерило за невежеството ти е степента, в която вярваш в неправдата и трагедията. Онова, което за гъсеницата е краят на света, за Учителя е пеперуда.-Ричард Бах','Колкото повече ми се иска да свърша нещо, толкова по-рядко го наричам работа.-Ричард Бах','Никога не съм позволявал на училището да попречи на образованието ми.-Марк Твен','Пазете се от хора, които се опитват да омаловажат вашите стремежи. Незначителните хора винаги правят това. Истински великите са тези, които ще ви накарат да чувствате, че и вие също можете да станете велики.-Марк Твен','Този, който държи една котка за опашката, ще научи нещо, което няма как да бъде научено по друг начин.-Марк Твен','Никога не бъди точен – губиш много време, докато чакаш другите.-Марк Твен','Ако говорите само истината, не ви е нужна добра памет.-Марк Твен','Някои твърдят че между човека и магарето няма разлика - това е несправедливо по отношение на магарето.-Марк Твен','Класика е това, което на всеки му се иска да е прочел, но никой няма желание да чете.-Марк Твен','Забелязвам, че колкото по-здраво работя, толкова по-голям късмет имам.-Марк Твен','Истината е най-скъпото нещо, което притежаваме. Нека я пестим!-Марк Твен','Винаги прави това, което трябва, макар че от това някои ще са изненадани, а останалите - учудени!-Марк Твен','Историята е онази версия за отминали събития, която хората са решили да приемат.-Наполеон I Бонапарт 1769-1821','Славата отлита, но забравата е вечна.-Наполеон I Бонапарт 1769-1821','Не прекъсвай врага си, когато греши.-Наполеон I Бонапарт 1769-1821','Глупакът има голямо предимство пред образования човек: той винаги е доволен от себе си.Наполеон I Бонапарт 1769-1821','Десет човека, които говорят, създават повече шум, отколкото хиляда, които мълчат.-Наполеон I Бонапарт 1769-1821','Когато сърцата се разделят, няма смисъл ръцете да остават една в друга.-Наполеон I Бонапарт 1769-1821','Чуждата глупост не ни прави по-умни.-Наполеон I Бонапарт 1769-1821','Възрастните никога нищо не разбират сами, а за децата е уморително все да им обясняват и обясняват.-Антоан дьо Сент Екзюпери 1900-1944','Най-хубавото се вижда само със сърцето. Най-същественото е невидимо за очите.-Антоан дьо Сент Екзюпери 1900-1944','Много по-мъчно е да съдиш сам себе си, отколкото да съдиш другите. Ако можеш да съдиш себе си правилно, значи ти си истински мъдрец.-Антоан дьо Сент Екзюпери 1900-1944','Ако искам да видя пеперуди, ще трябва да изтърпя две-три гъсеници.-Антоан дьо Сент Екзюпери 1900-1944','Съвършенството е достигнато, не когато няма какво повече да се добави, а когато няма какво да се премахне.-Антоан дьо Сент Екзюпери 1900-1944','Любовта не се състои в това двама души да се вторачат един в друг, а в това те да гледат в една посока.-Антоан дьо Сент Екзюпери 1900-1944','Целият свят е сцена и всички ние сме актьори на нея - влизаме, излизаме и за своето време всеки от нас играе различни роли...-Уилям Шекспир 1564-1616','Алкохолът увеличава желанието, но намалява възможностите!-Уилям Шекспир 1564-1616','По-добре да подраниш три часа, когато ще е твърде рано, отколкото да закъснееш и минута, когато ще е твърде късно.-Уилям Шекспир 1564-1616','Който се смее над белега, не познава какво е рана.-Уилям Шекспир 1564-1616','Живеят само влюбените, останалите просто съществуват.-Уилям Шекспир 1564-1616']                           
function generateQuote(){

        var random=Math.floor(Math.random()*(quotes.length));
        document.getElementById("display").innerHTML=quotes[random];
        
}
var facts=['Единствената част от човешкото тяло, до която няма приток на кръв, е роговицата на окото. Тя получава кислород директно от въздуха.','Човешкият мозък има капацитет на паметта, равняващ се на повече от четири терабайта информация.','Новороденото дете може да диша и да преглъща по едно и също време до седмия си месец.','Вашият череп се състои от 29 различни кости.','Нервните импулси, изпращани от мозъка, се движат със скорост от 274 км/ч.','Един човешки мозък генерира повече електрически импулси за един ден, отколкото всички телефони по света, взети заедно.','В средностатистическото човешко тяло има достатъчно количество сяра, за да убие всички бълхи върху куче, достатъчно въглерод, за да бъдат направени 900 молива, достатъчно мазнини, за да бъдат изработени седем сапуна и достатъчно вода, за да се напълни 50-литров варел.','Човешкото сърце изпомпва 182 милиона литра кръв по време на средния жизнен цикъл.','50 000 клетки в тялото умират и са заменени с нови, докато четете тази статия.','Човешкият ембрион придобива пръстовите си отпечатъци в рамките на три месеца от зачеването.','Сърцата на жените бият по-бързо от тези на мъжете.','Мъж на име Чарлз Озбърн хълца в продължение на 68 години.','Десняците живеят средно девет години повече от левичарите.','Около две трети от хората накланят главата си надясно, когато се целуват.','Обикновеният човек забравя 90% от сънищата си.','Общата дължина на всички кръвоносни съдове в човешкото тяло е около 100 000 км.','Честотата на дишане на човека е с една трета по-висока през пролетта, отколкото през есента.','До края на живота си човек може да си припомни средно около 150 трилиона късчета информация.','Губим 80% от топлината на нашето тяло през главата.','Когато се изчервявате, стомахът ви също става червен.','Чувството за жажда се получава, когато загубата на вода е равна на 1% от телесното ви тегло. Загубата на повече от 5% може да доведе до загуба на съзнание, а при повече от 10% настъпва смърт от обезводняване.','Най-малко 700 ензими са активни в човешкото тяло.','Човешките същества са единствените живи същества, които спят по гръб.','Средностатистическото четиригодишно дете задава 450 въпроса на ден.','Не само хората, но и коалите имат уникални пръстови отпечатъци.','Само 1% от бактериите в човешкото тяло ни разболяват.','Зъбите са единствената част от човешкото тяло, която не може да се лекува.','Човек се нуждае от седем минути, за да заспи.','Десняците дъвчат голяма част от храната си от дясната страна на устата, докато левичарите правят това вляво.','Само 7% от хората на планетата са левичари.','Ароматът на ябълки и банани може да помогне на човек да отслабне.','Ако не подстригвате косата си през целия ви живот, дължината й ще бъде около 725 километри.','По време на живота си човек случайно поглъща около осем малки паяка.','Общото тегло на бактериите в човешкото тяло е 2 кг.','99% от калция, съдържащ се в човешкото тяло, е в зъбите.','Човешките устни са стотици пъти по-чувствителни от върховете на пръстите ни.','Целувката увеличава пулса на човек до 100 удара в минута или повече.','Общата сила на дъвкателните мускули от едната страна на челюстта е равна на 195 кг.','Хората си разменят 278 различни вида бактерии при целувка. За щастие, 95% от тях са безвредни.','1. По време на най-големия си разцвет Римската империя се разлива на обширна територия - общата ѝ площ възлиза на 2,51 млн кв. км. Въпреки това, може би най-известната империя в историята заема едва 19-то място в имперската гигантическа таблица.','В случай, че ви се наложи, трябва да знаете, че пастелите горят по около 30 минути.',' В човешкото тяло има около 7 000 000 000 000 000 000 000 000 000 атома.',' Нови доказателства сочат, че на Марс е имало атмосфера, богата на кислород, преди около 4 милиарда години.',' Синият пигмент в кръвта на октоподите им позволява да остават живи в ледени води.','Пиенето на твърде много вода твърде бързо, може да доведе до водна интоксикация. Водна интоксикация се случва, когато водата разрежда натрия в кръвта и предизвиква дисбаланс в организма, оток в мозъка, оток в белите дробове и други.','Моцарт е написал песен, наречена..."Оближи ми задника" /Lick my ass/. Композиторът е бил голям фен на скандалния и мръсен хумор и написал тази песен за шест гласа.','Някога във Франция е било традиция кралиците да раждат пред публика. Френската кралица Мария Антоанета е имала толкова голяма аудитория, че е била почти смазана от хора, които се опитали да се поберат в стаята й във Версай, когато тя ражда.','Президентът Линдън Джонсън веднъж извадил пениса си по време на интервю. Репортер много държал да го попита защо американските войници са били във Виетнам. Тогава Джонсън разкопчал панталоните си и го размахал с думите: Това е причината!','Махатма Ганди обичал да прави странни експерименти, наричал ги "целомъдрени експерименти ". Той оставял млади хора от двата пола да се къпят и да спят заедно. Въпреки това обаче сексуалните разговори и действия били наказвани.','Александър Велики имал 361 наложници. Това са твърде много жени и за един Велики, нали?','Екатерина Велика е имала ненаситен сексуален апетит, но имала служител, който "тествал" мъжете, преди да посетят спалнята й. Един от слугите й проверявал нейните избраниците дали нямат венерически болести.','Чингис хан е спал с толкова много жени, че 0.5 % от населението на света може да проследи произхода си към него. Това са 16 милиона души.','Кралицата на Португалия Мария I е имала доста кръвосмесително семейство. Първо, самата Мария е омъжена за по-малкия брат на баща си - Петър III, тоест за чичо си. Мария и Петър имали син Джоузеф, който е женен за малката сестра на Мария. Тогава той е бил на 15, а тя на 30 години. Това означава, че сестра, дъщеря и племенница - всички тези хора, са едно и също лице. Сестрата на Петър и Мария също й е дъщеря. Да спрем дотук.','Клеопатра се е омъжила за родния си брат Птоломей.','Монголския владетел Тимур (1336 - 1405), играл на поло с черепите на убитите от него хора. Той увековечил своите победи като построил деветметрова пирамида от главите на своите жертви.','В идеалната държава на Платон са изброени много творчески професии. Има една, която не е била спомената - тази на поета.','ПОбърканият римски император Калигула един път решил да обяви война на... богът на моретата - Посейдон. Заповядал на войниците си да забият копията си във водата.','Римския император Нерон се оженил за мъж - един свой роб на име Скорус.','Абдул Касим Исмаил - великия везир на Персия (10-ти век) навсякъде ходел със своята библиотека. Ако тръгвал на път библиотеката го следвала. 117 хиляди книжни тома се превозвали от камили. при това книгите (т.е. камилите) били подредени по азбучен ред. ','Римския император Юлий Цезар винаги носел венец на главата си за да скрие прогресиращата си плешивост.','Ханибал умрял през 183 година пр.н.е. в изблик на ярост при новината, че римляни са дошли да го убият.','Националното знаме на Италия е било разработено от Наполеон Бонапард.','Основателят на теорията на комунизма Карл Маркс никога не е бил в Русия. Маркс е роден в Германия. Живял във Франция и Англия, където написал знамениятия "Комунистически манифест".','През 1938 година вестник "Таймс" избрал Адолф Хитлер за личност на годината.','Знамениятия френски император Наполеон Бонапард не е французин. Родното му място е Корсика, а родителите му са италианци. Също така страдал от айлурофобия - страх от котки.','Писателят Чарлз Дикенс винаги спял с главата на север.','Артър Конан Дойл, автор на поредицата за Шерлок Холмс бил по професия офтамолог.','Знаменитият риски композитор Александър Бородин бил и уважаван професор по химия в Петербург.','Моцард започнал да композира на 3-годишна възраст.','Когато написал своята знамените Девете Симфония, Бетховен бил абсолютно глух.','Добре известният като художник, скулптор, архитект и инженер - Леонардо Да Винчи пръв свързал броя на кръговете на дънера на дървото с неговата възраст. Освен това забелязал, че разтоянието между кръговете показва колко е била дъждовна годината.','Винсент Ван Гог продал приживе само едно своя произведение - картината Red Vineyard at Arles.','Галилео Галилей пръв използвал махалото за отмерване на времето.','Томас Едисон имал колекция от 5000 екземпляра птици.','Когато знаменитият немски физик Алберт Айнщайн умрял, неговите последни думи си отишли с него. Медицинската сестра, която била до него в предсмъртния му час не знаела немски език.','Александър Бел - изобретателят на телефона никога не се е обадил на своята жена или на майка си - те били глухи.','Мария Кюри, която два пъти получав Нобелова награда не е била член на Френската Академия само защото била жена. ','Айнщайн не можел да говори до 3-годишна възраст, но на 12 години вече разбирал Евклидовата геометрия.','През 11 век Бенедик IX станал папа на Рим на 11 годишна възраст.','Йоан е единствения от 12-те апостоли, който е умрял от естествена смърт.','Свети Патрик - покровителят на Ирландия не е ирландец.','Цар Соломон имал над 700 жени и още няколко хиляди любовници.','Й. С. Бах имал единайсет деца.','П. И. Чайковски е бил женен само за единайсет седмици.','Композиторът Р. Вагнер през живота си е бил "съпровождан" от числото 13. Той е роден през 1813 година. Сумата от цифрите на тази година е 13. Вагнер е написал 13 опери. На 13 септември 1837г. е станал диригент на операта в Рига. На 13 години е бил в изгнание. На 13 септември 1882г. се отправил за Венеция, където починал на 13 февруари 1883г.'];
function GenerateFact(){
var random3=Math.floor(Math.random()*(facts.length));
        document.getElementById("display").innerHTML=facts[random3];
}

var vic=['Според учените човек използва само 10% от мозъка си. Представям си ако използваше и останалите 70%...','- Тате, днес учителката ми каза, че нищо не знам по математика и ми написа някаква цифра в бележника.','2020 година, детска градина. Момченце пита момиченце: - А твоите родители в кой чат са се запознали?','Единственото нещо, с което съм на принциппа "Не отлагай за утре, ако може да го свършиш днес" е съня.','Една от десетте заповеди на студента: "Не хъркай по време на лекции, за да не събудиш някой колега!','Отнето е първото място на Михаел Шумахер на Гран-при на Австралия. В кръвта му е бил открит бензин... ','Когато се разболеете не отивайте до аптеката. Просто си хапнете пилешка супа - пълна е с антибиотици. ','- Кажете, бихте ли искали вашите деца да приличат на Вас? - Не! За какво са ми идиоти в семейството!','- Знаеш ли, моя съсед се оказа вампир! - Как разбра? - Забих му един заострен кол в сърцето и умря!','Англичаните затова не ни обичат нас българите… щото думата им "s*x" е по-къса от нашата дума за с*кс. ','- Мммм… Чака ни романтична вечер - гледам свещи, масълце!? - Идиот, затвори веднага капака на колата!','Секретарка по телефона: - Знаете ли, тук някъде трябва да е мъжа ви! Панталоните са му тук на стола! ','Мъж се обажда в реанимацията: - Как е тъща ми? - Пригответе се за най-лошото.. - Какво? Жива ли е?','- Прави ли ти впечатление, че нашите съседи днес не си крещят един на друг? - Сигурно са се скарали.',' Скъпи, ще си спомняш ли за мен, когато умра? - Разбира се, скъпа, нали знаеш какъв съм злопаметен.','Родили сме се уморени, живеем, за да си починем и умираме, за да си починат другите от нас. Бийтълс','Затворник пише на жена си: "И ми донеси още пилички. Вечер се събираме и си правим заедно маникюра." ','- Здравей, Извънземни! Нека да ти стисна ръката! - Внимавай, землянино! Кой ти каза, че това е ръка?','Из дневника на един мъж: Счупи се бормашината. Сега ще се наложи за 8-ми март да купя на жената нова. ','Жена гледа през прозореца: - Идва дъжд... Мъжа, без да се откъсва от вестника: - Кажи, че ме няма.','Побързайте да купите! Алкайда е пуснала световна географска карта "Най-безопасните градове в света"! ','- Келнер! Келнер! - Какъв "келнер"? В ред ли си? В студентски стол си! - Мерси... Студент! Студент!','Изпит във военното училище. - Какво е елипса? - Елипсата е кръг, вписан в квадрат с размери 2 на 4.','- Как прилично да наречеш някой Бастун? - Като му се усмихнеш и кажеш - Благодаря за подкрепата.','- Тате, тате, какъв празник е Хелоуин? - Същият като 8-ми март, сине! Пияни вещици обикалят улиците. ','- Здравей, Иванчо! Какво правиш? - Ами отворих един магазин. - Супер! Как успя? - С ей този шперц!','Милиционер пита доктора: - Докторе, колко години може да се живее без мозък? - На колко сте години?','Тъща пита зет си: - Мога ли да направя нещо приятно за рождения ти ден? - Престори се на глухоняма!','Из военен учебник: "С появата на първите летателни апарати се появи нуждата от тяхното унищожаване." ','Мюсюлманите са шокирани - в ответния конкурс за карикатури на тема Холкоста отново спечелиха датчани. ','Поради съображения за коректност в САЩ при игра на шах и шашки е позволено черните да започват първи. ','- Госпожице, каква ви е обемна прическата! Гел ли ползвате или лак? Или втривате виагра в косата си?? ','Мястото на жената е в кухнята… Където седи в уютно кресло… пие хубаво вино и гледа мъжа… който готви! ','- Разликата между българската литература и журналистика? - Като разликата между любов и проституция.','- Разликата между българската литература и журналистика? - Като разликата между любов и проституция.','Продължителността на кино-филмите е определена от издръжливостта на пикочния мехур на средния зрител. ','Вчера абсолютно случайно срещнах жена ти и неочаквано, три пъти подред, разбрах, че тя ти изневерява! ','- Госпожице, не плувайте зад шамандурите! - Простак такъв, това не са шамандури, ами плувам по гръб! ','Въпрос: Кой е най-добрия радиотехник? Отговор: Господ. От едно ребро е направил цял високоговорител.','Иванчо имаше странна болест - когато запалеше цигара пред баща си, почваше да му тече кръв от носа... ','Отчаяние - това е когато Фейсбук е временно недостъпен, а ти не можеш да напишеш за това във Фейсбук. ','Мъж и жена ще излизат, жената се гласи и пита: - Приличам ли на фотомодел? - По-скоро на фоторобот.','Жената винаги има последната дума в спора. Всяка дума, казана от мъжа след това е начало на нов спор. ','Сега вече няма съмнение, че Георги Първанов е бивш агент на ДС - още на първия тур над 60 процента... ','- Докторе, можете ли да се направи ампутация на съвестта? - Може... Само, че се плаща предварително.','Готов съм да се запиша доброволец в социален експеримент, който да докаже, че щастието не е в парите… ','- Направи ли ти впечатление, че днес съседите ни не си крещят един на друг? - Сигурно са се скарали.','Четейки вицове за блондинки разбираш, че най-тъпи са хората, които измислят тези вицове за блондинки. ','- За няма нищо ми се сърдиш. - Ти на изневярата, нищо ли и викаш? - На няма нищо се натъкнах и там.','- Докторе, може ли "Мужик корен" да помогне при полово безсилие? - Може, но здраво връзвайте корена.','Най-справедливото разпределение на ресурси е разпределението на мозък: досега никой не се е оплаквал. '];
  function GenerateFunny(){
        var random4=Math.floor(Math.random()*(vic.length));
        document.getElementById("display").innerHTML=vic[random4];
        }
        var Proverbs=['Докато мъдрите се намъдруват, лудите се налудуват.','Споделената мъка – половин мъка, споделената радост – двойна радост.','Вълкът козината си мени, но нрава - не.','Богаташът не си пилее думите, беднякът не се скъпи на приказки.','Птичката се подлъгва заради трошички, а човек се затрива заради парички.','Омъжиш ли се за петел, петел ще слушаш; Омъжиш ли се за куче, след куче ще вървиш.','И в къщи да си седиш, бедата ще те застигне, ако Небето ти я праща!','Кучето скача според тоягата, но пази според кокала.','Думите вълнуват, примерите увличат.','Срамувай се от сторената злина, не се хвали с добрина.','Бягай от човек, дето все за болести приказва.','Бързата работа, срам за майстора.','Дето се старо не почита, там за добро недей пита.','Когато Господ иска да те накаже, ти дава хубава, но глупава жена.','Богат е мъжът, когато има добра жена.','Мъзеливците вечер край с офрата се разработват.','Не вижда гредата в собствените си очи, а сламките в чуждите.','Имане се заравя, ама на оня свят се не носи.','Умен да те бие, глупав да не те милва.','Работата грози човека, мързелът го грози.','Когото не го е срама, него не го е и гряха.','За час човек чест добива и за час я загубва.','Обичам да ми завиждат, а не да ме жалят.','Дето плюеш, не се обръщай да го лижеш.','Да ме ритне кован кон, а не босо магаре.','Слязъл от кон, качил се на магаре.','Рядка е честта, затова е скъпа.','Което куче ме е залаяло, все е побесняло.','Една мишка изяла дрехите, всички мишки криви.','Погледни ме с едно око, да те погледна и с двете.','Ако не може с правда, опитай с брадва.','Правият се смее, кривият се крие.','Вярата е да се държи, а законът - да се пази.','Законът е като паяжина - осата я разкъсва, мухата се заплита.','Правдата надвива на кривдата.','За правото мри, за кривото удри.','На чисто лице, малко вода трябва.','Който работи честно, ще живее по-лесно.','Който краде, къща не храни.','Думай правото - да станеш омразен.','Каквото му на лицето, такова му на сърцето.','Лъжата върви напред, а истината подир.','Човек що тегли, от него се учи.','Бог дава брашното, дяволът взема чувала.','Гладът изпъжда вълка от гората.','Дай на сляп очи, за да избоде и твоите.']
  function generateProverbs(){

        var random2=Math.floor(Math.random()*(quotes.length));
        document.getElementById("display").innerHTML=Proverbs[random2];
        }
@font-face {
    font-family: BaseFont;
    src: url(Font/OldStandard-Regular.ttf);
}
        #random{
position:fixed;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 100vw;
  min-height: 100vh;  
    background-size:cover;                     
    background-repeat:no-repeat;
    background-position:center center;    
        z-index:-2;
         
}
*{ 
font-family: BaseFont;
                transition:0.8;
           margin: 0;
           padding: 0;
           outline: none;
                 

     
        }
                body,html{
                height:100%;
                width:100%;
                background-color:#ecf0f1;
                
                }
                
p#display{text-align: center;
        position: absolute;
 display: inline;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        max-width:70vw;width:70vw;
        font-size:calc(1vh + 1vw + 1em);
        padding:2vw;
 font-style: italic;
 background-color:white;
 opacity:0.8;
 box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
        }
        button.buttonGenerate{
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
        border:none;
        position:fixed;
        z-index:20;
        color:#ecf0f1;
        width:20vw;
        height:10vh;
        background-color:#2c3e50;
        text-align:center;
        vertical-align:middle;
         opacity:0.8;
          -webkit-transition: 3s;
           -moz-transition: 3s;
           -ms-transition: 3s;
           -o-transition: 3s;
           transition: 3s;
                   font-size:calc(0.5vh + 0.5vw + 1vmin + 0.7vmax )
        }
        
        button:hover{opacity:1;transition:2s}
        button.buttonGenerate#topLeft{
        top:0;
        left:0;
        backgound-color:#34495e;
         border-bottom-right-radius: 5em;

        }
        button.buttonGenerate#topRight{
        top:0;
        right:0;
        backgound-color:#34495e;
         border-bottom-left-radius: 5em;
         box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        }
        button.buttonGenerate#bottomLeft{
        bottom:0;
        left:0;
        background-color:#34495e;
         border-top-right-radius: 5em;
         box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        }
        button.buttonGenerate#bottomRight{
        bottom:0;
        right:0;
        background-color:#2c3e50;
        border-top-left-radius: 5em;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        }
        div#time{
         opacity:0.8;
border-bottom-left-radius:5em;
border-bottom-right-radius:5em;
        width:30vw;
        background-color:#ecf0f1;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        font-size:calc(1vh + 1vw + 2em);
        color:black;;
        font-weight:
        opacity:0.8;
        }
        button:hover{border-radius:0px;transition:3s}
button:hover{opacity:1;}
@font-face {
    font-family: BaseFont;
    src: url(Font/OldStandard-Regular.ttf);
}
<body id='random'>
<p id='display'>От Наско и Стефко за дядо Наско с много любов честит рожден ден 2017 година</p>
<button class='buttonGenerate' id='topLeft' onClick='generateQuote()'>Цитат</button>
<button  class='buttonGenerate' id='topRight' onClick='generateProverbs()'>Поговорка</button>
<button  class='buttonGenerate' id='bottomLeft' onClick='GenerateFunny()' >Виц</button>
<button class='buttonGenerate' id='bottomRight' onClick='GenerateFact()'>Факт</button>

<center><div id='time'></div></center>



Aucun commentaire:

Enregistrer un commentaire