-
Notifications
You must be signed in to change notification settings - Fork 0
/
dom_example.html
86 lines (73 loc) · 5.49 KB
/
dom_example.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> Vanilla JavaScript DOM Example </title>
<link rel="stylesheet" href="css/dom_example.css">
</head>
<body>
<div class="wrapper">
<h1>Vanilla JavaScript DOM Example</h1>
<p>Here we learn about traversing the DOM.</p>
<p>Text throughout was copied from the <a href="https://www.cia.gov/library/publications/the-world-factbook/">CIA Word Factbook</a>.
Code on <a href="https://codepen.io/macloo/pen/RwwgLxE">Codepen.io</a>.</p>
<section>
<div class="top">
<h2>Cambodia</h2>
<p>Most Cambodians consider themselves to be Khmers, descendants of the Angkor Empire that extended over much of Southeast Asia and reached its zenith between the 10th and 13th centuries.
<span class="more-text">Attacks by the Thai and Cham (from present-day Vietnam) weakened the empire, ushering in a long period of decline. The king placed the country under French protection in 1863, and it became part of French Indochina in 1887. Following Japanese occupation in World War II, Cambodia gained full independence from France in 1953. In April 1975, after a seven-year struggle, communist Khmer Rouge forces captured Phnom Penh and evacuated all cities and towns. At least 1.5 million Cambodians died from execution, forced hardships, or starvation during the Khmer Rouge regime under Pol Pot. A December 1978 Vietnamese invasion drove the Khmer Rouge into the countryside, began a 10-year Vietnamese occupation, and touched off almost 13 years of civil war.</span>
<span class="more-link"> MORE </span></p>
<div class="clicker">View Country Facts</div>
</div>
<div class="bottom">
<ul>
<li>Population: 16,204,486 (July 2017 est.)</li>
<li>Ethnic groups: Khmer 97.6%, Cham 1.2%, Chinese 0.1%, Vietnamese 0.1%, other 0.9% (2013 est.)</li>
<li>Languages: Khmer (official) 96.3%, other 3.7% (2008 est.)</li>
<li>Religions: Buddhist (official) 96.9%, Muslim 1.9%, Christian 0.4%, other 0.8% (2008 est.)</li>
</ul>
</div>
</section>
<section>
<div class="top">
<h2>Malaysia</h2>
<p>During the late 18th and 19th centuries, Great Britain established colonies and protectorates in the area of current Malaysia; these were occupied by Japan from 1942 to 1945.
<span class="more-text">In 1948, the British-ruled territories on the Malay Peninsula except Singapore formed the Federation of Malaya, which became independent in 1957. Malaysia was formed in 1963 when the former British colonies of Singapore, as well as Sabah and Sarawak on the northern coast of Borneo, joined the Federation. During the 22-year term of Prime Minister Mahathir bin Mohamad (1981-2003), Malaysia was successful in diversifying its economy from dependence on exports of raw materials to the development of manufacturing, services, and tourism. Prime Minister Mahathir and a newly-formed coalition of opposition parties defeated Prime Minister Mohamed Najib bin Abdul Razak in May 2018, ending over 60 years of uninterrupted rule by Najib’s party.</span>
<span class="more-link"> MORE </span></p>
<div class="clicker">View Country Facts</div>
</div>
<div class="bottom">
<ul>
<li>Population: 31,381,992 (July 2017 est.)</li>
<li>Ethnic groups: Bumiputera 61.7% (Malays and indigenous peoples, including Orang Asli, Dayak, Anak Negeri), Chinese 20.8%, Indian 6.2%, other 0.9%, non-citizens 10.4% (2017 est.)</li>
<li>Languages: Bahasa Malaysia (official), English, Chinese (Cantonese, Mandarin, Hokkien, Hakka, Hainan, Foochow), Tamil, Telugu, Malayalam, Panjabi, Thai</li>
<li>Religions: Muslim (official) 61.3%, Buddhist 19.8%, Christian 9.2%, Hindu 6.3%, Confucianism, Taoism, other traditional Chinese religions 1.3%, other 0.4%, none 0.8%, unspecified 1% (2010 est.)</li>
</ul>
</div>
</section>
<section>
<div class="top">
<h2>Thailand</h2>
<p>A unified Thai kingdom was established in the mid-14th century. Known as Siam until 1939, Thailand is the only Southeast Asian country never to have been colonized by a European power.
<span class="more-text">A bloodless revolution in 1932 led to the establishment of a constitutional monarchy. After the Japanese invaded Thailand in 1941, the government split into a pro-Japan faction and a pro-Ally faction backed by the King. Following the war, Thailand became a U.S. treaty ally in 1954. Thailand since 2005 has experienced several rounds of political turmoil including a military coup in 2006 that ousted then Prime Minister Thaksin Shinawatra, followed by large-scale street protests by competing political factions in 2008, 2009, and 2010. King Phumiphon Adunyadet passed away in October 2016 after 70 years on the throne; his only son, Wachiralongkon Bodinthrathepphayawarangkun, ascended the throne in December 2016. He signed the new constitution in April 2017.</span>
<span class="more-link"> MORE </span></p>
<div class="clicker">View Country Facts</div>
</div>
<div class="bottom">
<ul>
<li>Population: 68,414,135 (July 2017 est.)</li>
<li>Ethnic groups: Thai 97.5%, Burmese 1.3%, other 1.1%, unspecified <.1% (2015 est.)</li>
<li>Languages: Thai (official) 90.7%, Burmese 1.3%, other 8%</li>
<li>Religions: Buddhist 94.6%, Muslim 4.3%, Christian 1%, other <.1%, none <.1% (2015 est.)</li>
</ul>
</div>
</section>
<footer>
<p>Here is a little footer paragraph.</p>
</footer>
</div><!-- wrapper -->
<!-- script tags at the end -->
<script src="js/dom_example.js"></script>
</body>
</html>