day 22 translated. there have been some minor arrangements for day 21.pull/643/head
Ali Can Gündüz
2 years ago
parent
5aed1a7f48
commit
55e8e61ee6
|
After Width: | Height: | Size: 536 KiB |
|
After Width: | Height: | Size: 866 KiB |
|
After Width: | Height: | Size: 315 KiB |
|
After Width: | Height: | Size: 1.7 MiB |
|
After Width: | Height: | Size: 373 KiB |
@ -0,0 +1,22 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>30DaysOfJavaScript:22 Day: Number Generator </title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h1>Number Generator</h1>
|
||||
<h2>30DaysOfJavaScript:DOM Day 2</h2>
|
||||
<h3>Author: Asabeneh Yetayeh</h3>
|
||||
<div class="wrapper">
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script src="./scripts/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,2 @@
|
||||
console.log(countries)
|
||||
alert('Open the console and check if the countries has been loaded')
|
||||
@ -0,0 +1,195 @@
|
||||
const countries = [
|
||||
'Afghanistan',
|
||||
'Albania',
|
||||
'Algeria',
|
||||
'Andorra',
|
||||
'Angola',
|
||||
'Antigua and Barbuda',
|
||||
'Argentina',
|
||||
'Armenia',
|
||||
'Australia',
|
||||
'Austria',
|
||||
'Azerbaijan',
|
||||
'Bahamas',
|
||||
'Bahrain',
|
||||
'Bangladesh',
|
||||
'Barbados',
|
||||
'Belarus',
|
||||
'Belgium',
|
||||
'Belize',
|
||||
'Benin',
|
||||
'Bhutan',
|
||||
'Bolivia',
|
||||
'Bosnia and Herzegovina',
|
||||
'Botswana',
|
||||
'Brazil',
|
||||
'Brunei',
|
||||
'Bulgaria',
|
||||
'Burkina Faso',
|
||||
'Burundi',
|
||||
'Cambodia',
|
||||
'Cameroon',
|
||||
'Canada',
|
||||
'Cape Verde',
|
||||
'Central African Republic',
|
||||
'Chad',
|
||||
'Chile',
|
||||
'China',
|
||||
'Colombi',
|
||||
'Comoros',
|
||||
'Congo (Brazzaville)',
|
||||
'Congo',
|
||||
'Costa Rica',
|
||||
"Cote d'Ivoire",
|
||||
'Croatia',
|
||||
'Cuba',
|
||||
'Cyprus',
|
||||
'Czech Republic',
|
||||
'Denmark',
|
||||
'Djibouti',
|
||||
'Dominica',
|
||||
'Dominican Republic',
|
||||
'East Timor (Timor Timur)',
|
||||
'Ecuador',
|
||||
'Egypt',
|
||||
'El Salvador',
|
||||
'Equatorial Guinea',
|
||||
'Eritrea',
|
||||
'Estonia',
|
||||
'Ethiopia',
|
||||
'Fiji',
|
||||
'Finland',
|
||||
'France',
|
||||
'Gabon',
|
||||
'Gambia, The',
|
||||
'Georgia',
|
||||
'Germany',
|
||||
'Ghana',
|
||||
'Greece',
|
||||
'Grenada',
|
||||
'Guatemala',
|
||||
'Guinea',
|
||||
'Guinea-Bissau',
|
||||
'Guyana',
|
||||
'Haiti',
|
||||
'Honduras',
|
||||
'Hungary',
|
||||
'Iceland',
|
||||
'India',
|
||||
'Indonesia',
|
||||
'Iran',
|
||||
'Iraq',
|
||||
'Ireland',
|
||||
'Israel',
|
||||
'Italy',
|
||||
'Jamaica',
|
||||
'Japan',
|
||||
'Jordan',
|
||||
'Kazakhstan',
|
||||
'Kenya',
|
||||
'Kiribati',
|
||||
'Korea, North',
|
||||
'Korea, South',
|
||||
'Kuwait',
|
||||
'Kyrgyzstan',
|
||||
'Laos',
|
||||
'Latvia',
|
||||
'Lebanon',
|
||||
'Lesotho',
|
||||
'Liberia',
|
||||
'Libya',
|
||||
'Liechtenstein',
|
||||
'Lithuania',
|
||||
'Luxembourg',
|
||||
'Macedonia',
|
||||
'Madagascar',
|
||||
'Malawi',
|
||||
'Malaysia',
|
||||
'Maldives',
|
||||
'Mali',
|
||||
'Malta',
|
||||
'Marshall Islands',
|
||||
'Mauritania',
|
||||
'Mauritius',
|
||||
'Mexico',
|
||||
'Micronesia',
|
||||
'Moldova',
|
||||
'Monaco',
|
||||
'Mongolia',
|
||||
'Morocco',
|
||||
'Mozambique',
|
||||
'Myanmar',
|
||||
'Namibia',
|
||||
'Nauru',
|
||||
'Nepal',
|
||||
'Netherlands',
|
||||
'New Zealand',
|
||||
'Nicaragua',
|
||||
'Niger',
|
||||
'Nigeria',
|
||||
'Norway',
|
||||
'Oman',
|
||||
'Pakistan',
|
||||
'Palau',
|
||||
'Panama',
|
||||
'Papua New Guinea',
|
||||
'Paraguay',
|
||||
'Peru',
|
||||
'Philippines',
|
||||
'Poland',
|
||||
'Portugal',
|
||||
'Qatar',
|
||||
'Romania',
|
||||
'Russia',
|
||||
'Rwanda',
|
||||
'Saint Kitts and Nevis',
|
||||
'Saint Lucia',
|
||||
'Saint Vincent',
|
||||
'Samoa',
|
||||
'San Marino',
|
||||
'Sao Tome and Principe',
|
||||
'Saudi Arabia',
|
||||
'Senegal',
|
||||
'Serbia and Montenegro',
|
||||
'Seychelles',
|
||||
'Sierra Leone',
|
||||
'Singapore',
|
||||
'Slovakia',
|
||||
'Slovenia',
|
||||
'Solomon Islands',
|
||||
'Somalia',
|
||||
'South Africa',
|
||||
'Spain',
|
||||
'Sri Lanka',
|
||||
'Sudan',
|
||||
'Suriname',
|
||||
'Swaziland',
|
||||
'Sweden',
|
||||
'Switzerland',
|
||||
'Syria',
|
||||
'Taiwan',
|
||||
'Tajikistan',
|
||||
'Tanzania',
|
||||
'Thailand',
|
||||
'Togo',
|
||||
'Tonga',
|
||||
'Trinidad and Tobago',
|
||||
'Tunisia',
|
||||
'Turkey',
|
||||
'Turkmenistan',
|
||||
'Tuvalu',
|
||||
'Uganda',
|
||||
'Ukraine',
|
||||
'United Arab Emirates',
|
||||
'United Kingdom',
|
||||
'United States',
|
||||
'Uruguay',
|
||||
'Uzbekistan',
|
||||
'Vanuatu',
|
||||
'Vatican City',
|
||||
'Venezuela',
|
||||
'Vietnam',
|
||||
'Yemen',
|
||||
'Zambia',
|
||||
'Zimbabwe'
|
||||
]
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>30DaysOfJavaScript:22 Day: World Countries List</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<h2>World Countries List</h2>
|
||||
|
||||
<h4 id="total-countries"></h4>
|
||||
<h3>30DaysOfJavaScript:DOM-Day-2</h3>
|
||||
<h3>Author: Asabeneh Yetayeh</h3>
|
||||
|
||||
</header>
|
||||
|
||||
<div class="countries-container">
|
||||
<div class="countries-wrapper">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="./data/countries.js"></script>
|
||||
<script src="./js/script.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1 @@
|
||||
console.log(countries)
|
||||
@ -0,0 +1,198 @@
|
||||
const asabenehChallenges2020 = {
|
||||
description: 'Asabeneh Yetayeh challenges',
|
||||
challengeTitle: 'Asabeneh Yetayeh challenges',
|
||||
challengeSubtitle: '30DaysOfJavaScript Challenge',
|
||||
challengeYear: 2020,
|
||||
keywords: [
|
||||
'HTML',
|
||||
'HTML5',
|
||||
'CSS',
|
||||
'CSS3',
|
||||
'JS',
|
||||
'JavaScript',
|
||||
'ES6',
|
||||
'Promise',
|
||||
'async await',
|
||||
'Database',
|
||||
'React',
|
||||
'React Hooks',
|
||||
'Context API',
|
||||
'React Router',
|
||||
'Web Storage',
|
||||
'localStorage',
|
||||
'sessionStorage',
|
||||
'Redux',
|
||||
'Node',
|
||||
'MongoDB',
|
||||
'SQL',
|
||||
'API',
|
||||
'DOM',
|
||||
'data science',
|
||||
'MERN',
|
||||
'Python',
|
||||
'Flask',
|
||||
'Statistics',
|
||||
'Linear Algebra',
|
||||
'Numpy',
|
||||
'Pandas',
|
||||
'Scipy',
|
||||
'Scikit-learn',
|
||||
'Visualization',
|
||||
'D3.js'
|
||||
],
|
||||
author: {
|
||||
firstName: 'Asabeneh',
|
||||
lastName: 'Yetayeh',
|
||||
titles: [
|
||||
['🌱', 'Educator'],
|
||||
['💻', 'Programmer'],
|
||||
['🌐', 'Developer'],
|
||||
['🔥', 'Motivator'],
|
||||
['📔', 'Content Creator']
|
||||
],
|
||||
qualifications: [
|
||||
'MSc. Computer Science Ongoing',
|
||||
'BSc. Information and Communication Eng.',
|
||||
'MSc. Food Technology',
|
||||
'BSc.Food Technology'
|
||||
],
|
||||
socialLinks: [
|
||||
{
|
||||
social: 'LinkedIn',
|
||||
url: 'https://www.linkedin.com/in/asabeneh/',
|
||||
fontawesomeIcon: '<i class="fab fa-linkedin">'
|
||||
},
|
||||
{
|
||||
social: 'Twitter',
|
||||
url: 'https://twitter.com/Asabeneh',
|
||||
fontawesomeIcon: '<i class="fab fa-twitter-square"></i>'
|
||||
},
|
||||
{
|
||||
social: 'Github',
|
||||
fontawesomeIcon: '<i class="fab fa-github-square"></i>',
|
||||
url: 'https://github.com/Asabeneh'
|
||||
},
|
||||
{
|
||||
social: 'DEV.to',
|
||||
fontawesomeIcon: '',
|
||||
url: 'https://dev.to/asabeneh'
|
||||
}
|
||||
],
|
||||
skills: [
|
||||
'Web Development',
|
||||
'Data Analysis',
|
||||
'Data Visualization',
|
||||
'Programming',
|
||||
'Databases',
|
||||
'Developing API'
|
||||
],
|
||||
bio:
|
||||
'I am an educator, developer, motivator and content creator. I am a life-long learner. If you like to know more about me checkout my LinkedIn or Github profile. Thank you so much for joining in my quest of changing everyone to developer.'
|
||||
},
|
||||
challenges: [
|
||||
{
|
||||
name: '30 Days Of Python',
|
||||
topics: [
|
||||
'Python',
|
||||
'Flask',
|
||||
'Numpy',
|
||||
'Pandas',
|
||||
'Statistics',
|
||||
'API',
|
||||
'MongoDB'
|
||||
],
|
||||
days: 30,
|
||||
status: 'Done',
|
||||
questions: 'Above 500',
|
||||
projects: 'Two',
|
||||
interviewQns: '',
|
||||
githubUrl: 'https://github.com/Asabeneh/30-Days-Of-Python'
|
||||
},
|
||||
{
|
||||
name: '30 Days Of JavaScript',
|
||||
topics: ['JavaScript', 'ES6', 'Promise', 'async and await', 'DOM'],
|
||||
days: 30,
|
||||
status: 'Ongoing',
|
||||
questions: 'Above 500',
|
||||
projects: 'About 30',
|
||||
interviewQns: '',
|
||||
githubUrl: 'https://github.com/Asabeneh/30DaysOfJavaScript'
|
||||
},
|
||||
{
|
||||
name: '30 Days Of HTML & CSS',
|
||||
topics: ['CSS', 'Flex', 'Grid', 'CSS Animation'],
|
||||
days: 30,
|
||||
status: 'Coming',
|
||||
questions: 'Above 500',
|
||||
projects: 'Two',
|
||||
interviewQns: '',
|
||||
githubUrl: ''
|
||||
},
|
||||
{
|
||||
name: '30 Days Of React',
|
||||
topics: [
|
||||
'React',
|
||||
'React Router',
|
||||
'Redux',
|
||||
'Context API',
|
||||
'React Hooks',
|
||||
'MERN'
|
||||
],
|
||||
days: 30,
|
||||
status: 'Coming',
|
||||
questions: '',
|
||||
projects: '',
|
||||
interviewQns: '',
|
||||
githubUrl: ''
|
||||
},
|
||||
{
|
||||
name: '30 Days Of ReactNative',
|
||||
topics: ['ReactNative', 'Redux'],
|
||||
days: 30,
|
||||
status: 'Coming',
|
||||
questions: '',
|
||||
projects: 'Two',
|
||||
interviewQns: '',
|
||||
githubUrl: ''
|
||||
},
|
||||
{
|
||||
name: '30 Days Of Fullstack',
|
||||
topics: ['React', 'Redux', 'MongoDB', 'Node', 'MERN'],
|
||||
days: 30,
|
||||
status: 'Coming',
|
||||
questions: '',
|
||||
projects: '',
|
||||
interviewQns: '',
|
||||
githubUrl: ''
|
||||
},
|
||||
{
|
||||
name: '30 Days Of Data Analysis',
|
||||
topics: ['Python', 'Numpy', 'Pandas', 'Statistics', 'Visualization'],
|
||||
days: 30,
|
||||
status: 'Coming',
|
||||
questions: '',
|
||||
projects: '',
|
||||
interviewQns: '',
|
||||
githubUrl: ''
|
||||
},
|
||||
{
|
||||
name: '30 Days Of Machine Learning',
|
||||
topics: [
|
||||
'Python',
|
||||
'Numpy',
|
||||
'Pandas',
|
||||
'Scikit-learn',
|
||||
'Scipy',
|
||||
'Linear Algebra',
|
||||
'Statistics',
|
||||
'Visualization'
|
||||
],
|
||||
days: 30,
|
||||
status: 'Coming',
|
||||
questions: '',
|
||||
projects: '',
|
||||
interviewQns: '',
|
||||
githubUrl: ''
|
||||
}
|
||||
]
|
||||
}
|
||||
@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>30DaysOfJavaScript:22 Day: Challenge Info</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
</div>
|
||||
|
||||
<script src="./data/challenges_info.js"></script>
|
||||
<script src="./js/script.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1 @@
|
||||
console.log(asabenehChallenges2020)
|
||||
Loading…
Reference in new issue