-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbackground changer.html
191 lines (183 loc) · 25.1 KB
/
background changer.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>background changer</title>
<style>
body{
margin: 0px;
padding: 20px 100px;
}
h1{
text-align: center;
text-decoration: underline;
}
img{
width: 100%;
height: min-content;
margin: 0 auto;
}
p{
text-align: justify;
font-size: 20px;
}
.btn{
display: inline-block;
border: 2px solid rebeccapurple;
height: 20px;
width: 20px;
border-radius: 50%;
cursor: pointer;
}
#white{
background-color: white;
}
#red{background-color: #ff0000;
/* height: 20px;
width: 20px; */
}
#blue{
/* height: 20px; */
/* width: 20px; */
background-color: #0000ff;}
#black{
/* height: 20px;
width: 20px; */
background-color: #000000;
}
#color-switcher{
text-align: right;
}
</style>
</head>
<body >
<div id="color-switcher">
<span class="btn" id=
"white" onclick="changeBg('#ffffff')"></span>
<span class="btn" id="red" onclick="changeBg('#ff0000')"></span>
<span class="btn" id="blue" onclick="changeBg('#0000ff')"></span>
<span class="btn" id="black" onclick="changeBg('#000000')"></span>
</div>
<h1 class="txt"> About us</h1>
<img src="images/Screenshot 2021-05-30 134452.png" alt="About us" srcset="">
<p class="txt"> Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis ratione, quas nemo facilis ipsa vel optio atque nobis non esse cupiditate doloremque sit distinctio ipsam sequi nostrum obcaecati at eos.
Illum mollitia quas sequi quis, eaque unde neque dignissimos voluptates! Adipisci ducimus obcaecati possimus ullam et facere nulla tenetur, perferendis, voluptates cupiditate deleniti error maxime accusamus impedit amet odit quis.
Natus delectus ad, accusantium, consequatur doloribus labore, temporibus itaque sapiente quam commodi minus rerum. Cumque ducimus deserunt, cum quasi accusamus sed illum animi sequi modi ratione atque excepturi numquam. Maxime.
Vel similique itaque perspiciatis voluptatum, consequuntur enim aspernatur cumque totam commodi culpa repellendus temporibus fugit impedit, velit eos beatae, explicabo iusto. Distinctio, quasi magni quia quaerat corporis perspiciatis nemo sapiente!
Ad nulla consectetur exercitationem deleniti laborum nostrum, quisquam veniam aliquid voluptatum sapiente, excepturi cumque fuga aspernatur magni ratione autem, et doloribus illum magnam ducimus qui unde recusandae! Modi, laudantium eos.
Debitis voluptates nam reiciendis fugit, similique quaerat itaque. Dolorum qui assumenda facere est iure dignissimos? Enim maiores perspiciatis quo sapiente! Repudiandae, quis accusamus deleniti fugit ipsam illo animi ducimus sed.
Voluptatem, dolorum rerum modi corporis saepe, repudiandae porro aliquam ab eius esse neque sequi dicta a autem. Debitis labore dolor quos numquam quia, maiores, pariatur dolorum ullam quam modi neque.
Blanditiis obcaecati, doloribus unde mollitia nostrum iure sequi dicta exercitationem totam assumenda cupiditate quis commodi id sit in fugiat officia tenetur pariatur laudantium quo voluptate velit a maiores aliquam? Nobis.
Nam placeat sed magnam, voluptatibus impedit quisquam ratione soluta facilis illum cumque, ea aspernatur mollitia molestiae facere voluptatum! Cupiditate ducimus ad ullam fugit maxime dolore obcaecati sequi odio adipisci voluptates.
Dolorem, natus? Quo, veniam ad adipisci natus deleniti, laborum iste ducimus omnis incidunt repudiandae sit expedita. Aliquid voluptate mollitia maxime vel id distinctio fugiat nostrum voluptatem a asperiores, reprehenderit unde.
Voluptate corporis accusamus assumenda, laboriosam sint cupiditate totam aut minima nesciunt iure labore veritatis, quis aperiam dolorum nihil numquam ea. Ea, officiis perferendis in ullam exercitationem soluta quis placeat fugiat.
Error veritatis animi sed doloribus dignissimos nulla voluptates in repudiandae reprehenderit iusto unde at, ducimus itaque excepturi voluptas illum ab, non laborum nam perspiciatis? Quo sapiente harum sed ad itaque!
Nobis, praesentium! Praesentium reprehenderit ea hic unde fuga quia nihil, culpa tempore alias numquam deleniti. Quo libero deleniti, voluptatem magni exercitationem officia repudiandae molestias quasi voluptatum nesciunt eligendi est nisi.
Laudantium id repudiandae, animi magnam, reprehenderit ipsa iusto esse suscipit dolorem numquam culpa dicta saepe ea necessitatibus perspiciatis adipisci est! Atque eaque mollitia temporibus odio deserunt, sint voluptatem deleniti excepturi?
Asperiores natus mollitia odit, dolorem sit, facere culpa magnam minus possimus beatae ipsam in sapiente laboriosam porro iure eaque saepe consectetur totam molestiae earum id iusto qui dicta illum. Praesentium.
Fuga rem dicta explicabo delectus ex quam saepe earum eaque debitis, iusto amet consectetur ea illum provident accusantium laudantium libero, quaerat veritatis maxime odio recusandae! Voluptatum necessitatibus quas expedita cupiditate!
Explicabo veniam incidunt nostrum, sint accusantium voluptatum facilis, itaque consequatur cum at similique accusamus recusandae quod repellat maiores nam expedita voluptas aliquam? Qui tenetur vel dolorem odit eum, iusto magnam.
Laboriosam similique totam deleniti error doloribus amet quasi optio assumenda, tempore officia. Placeat blanditiis, eligendi at voluptas quisquam id, voluptates reprehenderit quam labore dicta molestiae obcaecati maiores iusto neque voluptatum.
Culpa voluptatem nihil quibusdam impedit maiores provident, consequatur dolorem atque praesentium architecto omnis odit magnam, repellat, aliquid tempore debitis laudantium ea velit eveniet temporibus totam optio! Asperiores, dolorum. Itaque, laboriosam?
Iure voluptate velit totam, voluptas, reprehenderit dolores deserunt maiores autem aliquam adipisci nostrum tempore modi optio, temporibus impedit a fugiat? Eum, quia. Possimus error consectetur dolores, est tempore voluptatibus aliquam.
Pariatur iste ratione doloremque expedita aut quam facilis consequatur ad corrupti sed placeat animi tempora eum, eligendi neque iusto voluptatum velit. Placeat dolorem soluta praesentium rerum quaerat excepturi rem ratione.
Non nulla ullam nam magnam, numquam excepturi laboriosam dicta impedit incidunt corporis ducimus accusantium reprehenderit fuga unde animi, reiciendis rem sapiente ut dolor tempora voluptates debitis deserunt. Commodi, totam recusandae?
Esse magni natus velit iste officiis veritatis sapiente architecto, rerum repellat voluptatum dolores veniam, atque dolor possimus. Commodi, rerum, ratione modi necessitatibus animi odio iure exercitationem velit ut distinctio et?
Consectetur quibusdam iste, aperiam alias et explicabo labore magnam iure saepe repellat impedit, commodi itaque dolores? Atque reprehenderit at doloremque laboriosam ad voluptatibus, illo, sapiente obcaecati in quae accusantium enim!
Perferendis laboriosam esse quos explicabo ipsum. Dicta nisi accusantium ut blanditiis ex, rem natus, amet odio doloribus maiores impedit. Corrupti nihil ratione ad, officia neque iusto! Suscipit laudantium quaerat distinctio!
Quis nisi aperiam ut excepturi quo magnam. Quas earum, nesciunt amet vero harum eius. Officia esse quos consectetur quisquam quaerat debitis cumque, ut nostrum facere expedita minus, odit deserunt autem.
A alias impedit sunt? Quidem asperiores, accusamus ea culpa ut accusantium itaque tempore quaerat excepturi ipsam hic odio aut qui pariatur est laudantium expedita iste animi eius vero minima? Ad?
Ullam enim cupiditate atque ipsum nihil blanditiis fugiat ducimus deleniti hic! Veniam, vel corporis iusto atque quam facilis saepe repudiandae et magni harum soluta, molestias accusantium. Distinctio sit neque cum.
Aperiam praesentium suscipit nulla minus laborum aspernatur alias voluptatibus repudiandae. Cumque sequi beatae dicta quam repellendus suscipit tenetur iste cum distinctio? Perferendis et obcaecati quia. Alias architecto doloribus totam ratione!
Beatae facilis repudiandae doloremque ducimus eius ullam dicta facere illo perferendis necessitatibus quas repellat nulla tenetur quia quos dolor est optio reprehenderit atque, impedit numquam magnam quasi ad vero! Quas.
Illum itaque quasi animi quibusdam voluptas alias, repellendus nisi consequatur doloremque distinctio nemo culpa reprehenderit quos officiis eum dicta aliquid veniam necessitatibus debitis obcaecati aliquam possimus impedit repellat excepturi. Ut.
Praesentium quisquam dicta neque nulla voluptatem, sunt sit eligendi delectus animi doloribus, quia nihil incidunt magnam sint vel deleniti autem dolor quaerat nobis eveniet. Delectus aliquid quaerat voluptas eum quo.
Beatae neque omnis rem ea. Natus earum facere qui provident quod molestias at totam soluta quo reiciendis rerum magni inventore et, aliquam dolore voluptatibus eos explicabo ducimus ex? Delectus, neque?
Sequi, officiis. Sapiente, corrupti. Praesentium temporibus harum nihil, voluptatum repellat vitae. At culpa unde consequatur voluptatibus voluptatem a asperiores commodi, odio magni impedit quasi, nobis molestias dignissimos recusandae saepe cum?
Ea doloribus sapiente voluptatem libero harum quae amet incidunt, facilis qui cupiditate laboriosam atque doloremque obcaecati earum illo quidem quis quia aliquam cum velit. Quis debitis explicabo hic vero eligendi.
Quidem quae laborum impedit nam nemo! Architecto fuga accusantium nihil nulla velit, enim asperiores molestias fugit ea adipisci perspiciatis laborum, soluta dolor consectetur rerum, beatae quibusdam optio quaerat accusamus. Cum!
Neque fugiat, ad eveniet voluptatibus eum provident facere quia distinctio perferendis deserunt. Repellat consectetur consequuntur, quis officiis cum perferendis autem deleniti nostrum? Quasi cumque illo nesciunt quisquam? Autem, nostrum sed!
Dolorum quos sequi facere consectetur fuga accusamus officiis quis aperiam molestias ut ullam libero eaque quod magni, necessitatibus, amet cum id nesciunt repellat reprehenderit! Voluptas natus exercitationem nesciunt repudiandae perferendis!
A illum voluptas rerum unde nam, atque odit sit neque temporibus assumenda deleniti exercitationem architecto rem dolorum ipsum laborum dolorem! Inventore fuga vel aspernatur fugit, error voluptas praesentium quisquam sequi.
Quas laudantium placeat optio consequatur nostrum quisquam at voluptates id veritatis adipisci autem, eligendi totam. Cumque fugiat ad commodi maiores alias, consequuntur, officiis blanditiis praesentium corrupti molestias fugit veritatis dolorum.
Minima, facere? Culpa aspernatur, non magnam ipsum temporibus repellendus at, quos amet dolorum rem nulla veritatis inventore qui iure tenetur a, minus voluptatum vero quibusdam? Inventore sit molestias ducimus veritatis!
Quia est voluptatum, facilis suscipit veniam temporibus animi laboriosam officiis alias consectetur, tempora sequi. Esse nisi consectetur perferendis veritatis sed rerum in excepturi eligendi, cupiditate iusto id, laboriosam harum corporis?
Dignissimos facere itaque, quis quod consequuntur libero voluptates earum voluptate modi doloribus reiciendis cumque nemo fugit adipisci? Nulla ab voluptatibus possimus voluptate nobis? In quam possimus, provident dolorum exercitationem perferendis.
Reiciendis deserunt voluptas nemo, iure quia nisi voluptatem nam similique eum impedit asperiores adipisci unde, error quaerat, delectus animi incidunt. Eaque provident neque accusantium sint esse similique eligendi impedit commodi.
Ut asperiores aut atque saepe nostrum quo alias sunt optio facere perspiciatis, quas autem nemo id beatae? Perspiciatis, excepturi soluta non beatae voluptatibus ab vero, rerum aliquid sapiente quibusdam neque!
Necessitatibus doloremque quae consequatur sunt minima eius officiis quasi asperiores dolorem tempore veritatis voluptates maxime deleniti autem optio labore delectus sequi pariatur itaque, commodi inventore qui ex doloribus. Consectetur, nostrum?
Accusamus fugiat culpa magni numquam iusto nostrum veniam non architecto impedit commodi cum repellendus eaque aliquam cupiditate eos a aperiam, ex corrupti, soluta voluptas quam perspiciatis illum! Est, alias officiis.
Nemo obcaecati rem vitae. Architecto, possimus? Minima praesentium rem dicta sed dignissimos corporis dolor quibusdam culpa, nesciunt aperiam harum tempora consequatur est quisquam cum modi sint deleniti ipsam, quasi architecto!
Suscipit quam iste aspernatur incidunt accusantium illo dolorem, distinctio ad dolore, rerum animi nostrum explicabo. Nemo eligendi ipsam, enim nisi magnam dolores sint a soluta quo totam saepe, nihil commodi!
Labore consequatur qui, quis nostrum sequi perspiciatis necessitatibus tenetur ad tempora quos possimus et sed consequuntur laborum magni dignissimos error quae architecto. Magni labore sequi quam vero iusto natus. Sunt.
Eveniet a rem harum dolore cum praesentium beatae quae ex! Numquam, fuga neque. Minus labore dolorum vero quam magnam aliquam atque non ipsum error? Aut nobis eius architecto sunt praesentium.
Cumque quae iusto suscipit, cum delectus officiis atque ex voluptatem voluptatibus possimus fugit, natus perferendis eveniet. Dolores cupiditate dicta consequatur, laboriosam sed magni voluptas minima? Facilis harum aperiam quaerat provident?
Aliquid, doloribus aspernatur asperiores provident magnam, molestias laboriosam adipisci eum recusandae vitae voluptate? Neque beatae ex sequi adipisci, vero eum modi, labore asperiores provident sapiente accusamus? Sit consectetur repudiandae ratione!
Laborum repudiandae aut ea quam blanditiis, tempora illo omnis eius excepturi suscipit recusandae accusantium nam architecto mollitia, voluptatibus ipsam laboriosam ipsa? Cupiditate numquam praesentium voluptatum officia. Libero, voluptates. Vitae, amet.
Modi sit quod voluptas reiciendis accusamus ipsa. Eaque nesciunt quo officia dolore, voluptate quibusdam, tempora corrupti nemo cum rerum, similique eveniet nihil ducimus. Veritatis, quibusdam beatae. Dolorem voluptatem rerum architecto!
Nihil a repudiandae labore voluptas ad iusto provident, soluta temporibus, obcaecati amet ex dolores recusandae, laboriosam illo corporis unde. Vel debitis, quibusdam pariatur quaerat velit soluta inventore deleniti ducimus. Dolorum.
Iste velit quibusdam dignissimos culpa, alias reprehenderit harum provident ipsum saepe deserunt vel amet eum obcaecati. Eius officiis fugiat asperiores quas praesentium reiciendis, ducimus beatae adipisci sequi, facere dolorem. Veritatis.
Corporis natus quidem veniam, enim quod officia quia error odit voluptatem alias. Beatae, minima amet. Delectus culpa adipisci repudiandae dolorem officia neque amet at. Qui officia libero dolorem molestiae sint.
Placeat enim ab culpa molestiae sunt corrupti repudiandae. Commodi rem, reiciendis accusamus quidem, odit distinctio ullam neque eos rerum fuga nobis? Quisquam ipsum ex ipsa quis cupiditate modi, dolorum exercitationem?
Vel error molestiae molestias consequatur libero, eligendi alias impedit perspiciatis eaque velit eum odio aliquid hic cumque dicta odit quod saepe voluptas ipsa voluptatibus ducimus earum ea? Doloremque, iste voluptatibus!
Quae ullam vero animi odio! Enim assumenda quis illum numquam eos eveniet earum, fugit vero nam vel, aut asperiores saepe vitae animi corrupti laborum velit magnam atque necessitatibus rerum. Maxime?
Excepturi accusamus eveniet, repudiandae quod delectus laboriosam incidunt porro optio ad, dignissimos tempora recusandae beatae sed iste obcaecati voluptatem repellendus fugiat distinctio tempore qui voluptates ipsam neque. Laborum, placeat velit.
Obcaecati dignissimos facilis corporis maxime, tempora quisquam esse nobis laudantium? Asperiores repellendus, optio quas esse omnis numquam itaque qui fugiat temporibus impedit dolor illo ullam aliquam eveniet ab tempore ex.
Repellat facere ut explicabo adipisci maxime quae eaque maiores odit. Eius laudantium optio ipsum necessitatibus reprehenderit at rerum suscipit nisi consequatur? Et perferendis dolorem, temporibus nam fugiat eligendi asperiores magni.
Quaerat quidem dolorem exercitationem fugiat excepturi quibusdam beatae velit alias deleniti recusandae consequatur quia corrupti, libero temporibus ullam, assumenda aperiam perferendis nemo modi reprehenderit voluptatum tempore suscipit blanditiis. Iusto, suscipit!
Consequuntur eum ut quas aut ea corrupti dolorem, harum tempora, amet commodi corporis similique quis enim fugiat, error veniam iste optio delectus in perferendis nostrum? Exercitationem voluptates veritatis ab nulla.
Veniam quos a aperiam impedit deleniti consequatur aut asperiores eligendi! Provident sunt, quaerat quis quae molestiae doloribus adipisci soluta. Saepe, aliquid iusto placeat quod ab quibusdam nisi modi deserunt illum.
Quas molestias odio debitis cumque laboriosam fugiat doloremque dolores reiciendis sequi quis animi nihil, consequuntur repudiandae esse pariatur quia! Aliquid et corporis, aperiam dolorem maxime quas nesciunt suscipit temporibus saepe?
Sint cupiditate consectetur esse suscipit sapiente cumque veniam eos ut consequuntur iure quo dolorem quae labore voluptatum sed autem, similique excepturi, temporibus illo possimus corporis ratione porro. Dolores, veniam dolorem!
Expedita magni modi reprehenderit tenetur aut, minima molestias tempora qui in voluptatum numquam corporis earum consectetur eligendi ut obcaecati est. Quidem voluptate ea consequatur velit expedita. Harum, incidunt. Praesentium, ipsum!
Natus accusantium autem vero enim aut exercitationem quae deserunt? Debitis commodi cumque natus laborum dolores quae at expedita, inventore nobis explicabo assumenda a? Rerum temporibus libero quidem vitae, voluptate veniam?
Magni repellat consequatur rem doloribus dolorem quae laboriosam aperiam. Facere corrupti, ipsa rerum et ratione quo repellat itaque cum quia numquam dignissimos delectus quibusdam dicta veniam. Quod, nulla. Voluptatum, odit.
At corporis fugiat aperiam tempora ullam cum tempore, consectetur voluptates? Omnis quibusdam error corrupti, placeat odit voluptatem obcaecati, delectus consequatur optio quae amet blanditiis maiores laudantium vero sint, eaque ducimus.
Nam recusandae officiis, tempore dignissimos nobis neque delectus? Quo reprehenderit delectus, aliquam ex debitis maxime odio ratione exercitationem laborum illum maiores porro inventore numquam nulla quasi, tenetur, doloremque molestias voluptatem.
Nisi sint, impedit, incidunt consequatur magni excepturi culpa libero reiciendis exercitationem dolores praesentium eligendi accusamus odit expedita vitae, fugit corporis numquam dicta ab hic? Neque maiores autem delectus. Magni, quae.
Doloremque pariatur explicabo, numquam possimus odio eveniet. Nobis aut inventore officia dolor iste, magnam quaerat accusantium itaque pariatur beatae modi at, natus omnis vel nisi, libero quis saepe mollitia animi.
Cupiditate ducimus quaerat maiores. Autem voluptas tempora similique, non totam quo ad ut maiores tenetur corporis rem. Doloribus quis, non excepturi a quia omnis quaerat dolor iste suscipit itaque! Iusto!
Possimus illo, eligendi a quasi totam optio aut rem vero! Nostrum id velit voluptatibus quibusdam nulla eveniet ipsa numquam sed! Ab aliquam minus possimus doloremque molestiae voluptatum non dicta odio!
Delectus deleniti ad minima nemo recusandae dolorum asperiores maiores temporibus illo. Ipsum alias, voluptatum quasi ut incidunt sunt necessitatibus repellat qui, quaerat odio neque esse aperiam rerum in libero quae.
Sunt temporibus rem laudantium, commodi aliquid architecto esse amet asperiores voluptatum distinctio veniam explicabo iusto cum non veritatis? Reprehenderit inventore dolorum eum fugiat impedit ducimus nisi ipsam numquam placeat cum.
Deleniti ullam magnam rerum ducimus, qui aperiam adipisci vero ut ipsa tenetur saepe, cum debitis quod quis, similique neque quo et soluta facere iusto accusantium! Pariatur in consequatur quibusdam aperiam?
Id numquam fuga tempora quisquam reprehenderit commodi libero a. Veritatis dicta voluptatem minus omnis, in vitae rerum voluptas qui aperiam quibusdam. Ratione quasi voluptatem ad aut, ab id officiis vero?
Necessitatibus commodi libero aliquid incidunt nihil error repellat itaque doloribus mollitia beatae adipisci, distinctio, unde expedita odit laudantium animi voluptates? Porro asperiores iure, vitae nisi esse quos numquam et nostrum!
Officiis repellendus deleniti ducimus dolorem ex quasi vero necessitatibus temporibus quibusdam. Aliquam error eligendi nostrum quod tempore quos suscipit cum eveniet. Repellat id officia cum facilis nesciunt soluta culpa unde?
Minus perspiciatis dolores repudiandae, neque porro quaerat architecto animi quibusdam officiis mollitia fugit veniam, voluptates cupiditate labore nemo itaque eaque quod quos accusantium et aspernatur quisquam, autem sapiente? Neque, corporis.
Nostrum, vero ut! Officia molestiae possimus quia recusandae est cumque quae, provident sit, culpa nisi error? Laudantium velit saepe adipisci animi molestias, eligendi quidem quaerat quas rem, dolor, eius incidunt?
Pariatur consectetur nesciunt, odit facere magnam quidem possimus aut officiis illo. Provident, earum! Eos ipsum aspernatur voluptatibus, incidunt nesciunt libero placeat, maxime dolorum, aperiam consectetur laboriosam alias provident adipisci recusandae.
Modi expedita itaque repellendus laboriosam quo illum eius illo sed, vel accusamus dolores praesentium minus doloribus dicta nisi hic delectus ullam! Fugit qui sed nam quam provident ipsum laboriosam quos.
A explicabo nulla pariatur? Nostrum, deserunt voluptates cumque id ut voluptas tenetur tempore a pariatur, aspernatur sapiente distinctio numquam molestiae ex recusandae, odio ad praesentium. Eaque rerum rem ullam nihil!
Modi sed delectus, ipsam ab nulla natus repudiandae, laudantium dolor quis error nesciunt maxime. Saepe maxime autem maiores debitis repellat incidunt, ut minus ea placeat? Sint iste ullam sequi repudiandae!
Eos alias suscipit asperiores pariatur molestias natus, maiores fugiat aliquam sint officia ad quibusdam ipsa obcaecati, iure eius quis voluptas numquam. Deserunt quos omnis corrupti quas reiciendis quisquam natus soluta?
Reiciendis nulla dolores ducimus molestias veritatis fuga? Voluptas eaque itaque fugiat optio autem provident incidunt mollitia! Ut aut maiores quos eligendi nobis libero quaerat, fuga eveniet molestias rem iure tempora?
Illo, magni non quo doloribus molestias sint incidunt deleniti, fuga eaque ipsa ea ducimus modi, aperiam sed eveniet recusandae minus qui ipsum mollitia illum! Autem fugiat hic esse deserunt odio!
Quibusdam tempore libero deleniti facilis. Alias numquam, ad ratione magni error similique dignissimos odit nemo placeat accusamus incidunt reiciendis neque quia beatae consequatur voluptas maiores et nostrum amet optio explicabo?
Ab accusantium tempore sit! Necessitatibus, culpa tempore eaque hic numquam totam accusantium doloremque quibusdam aperiam nihil vel, provident minima dolorem eius quidem? Harum earum ipsum temporibus debitis consequatur obcaecati necessitatibus.
Ratione aut minus dolores repellendus atque magnam. Natus magni quae tempora culpa dolores voluptates est! Eum odit temporibus minima praesentium, laboriosam laborum eius natus, eveniet aperiam, sed vero beatae ullam!
Laborum voluptas nesciunt beatae sunt? Recusandae, quae suscipit enim repellendus qui ad dolor? Corrupti, alias nostrum hic iure rem autem unde molestiae voluptatem modi deserunt! Nesciunt labore sunt qui excepturi.
Asperiores iure quia recusandae saepe sit odit iusto, dolore iste temporibus nemo optio autem ad cum necessitatibus non itaque in rem corrupti dignissimos delectus, pariatur magnam nam porro. Accusantium, quas.
Iusto vel in expedita exercitationem quam esse nesciunt dolores dolor ab, tenetur ullam impedit, rem dolorem quas odit earum animi, amet fugiat suscipit officia! Nulla voluptatibus eos distinctio similique esse?
Asperiores atque possimus tempore a odio blanditiis labore facere amet alias omnis provident quam ratione totam voluptatem explicabo ullam repellat consequatur nulla dolor dicta voluptate illo, vero ea! Illum, incidunt.</p>
<script>
function changeBg(color){
document.body.style.background=color;
if (color == '#000000') {
let txt = document.getElementsByClassName("txt");
for (const elm of txt) {
elm.style.color='#ffffff';
}
}
if (color == '#ffffff') {
let txt = document.getElementsByClassName("txt");
for (const elm of txt) {
elm.style.color='#000000';
}
}
}
</script>
</body>
</html>