Skip to content

Instantly share code, notes, and snippets.

@sashasushko
Created April 17, 2018 04:35
Show Gist options
  • Save sashasushko/4a29618de5447de1c31ac9f8cdb6dff0 to your computer and use it in GitHub Desktop.
Save sashasushko/4a29618de5447de1c31ac9f8cdb6dff0 to your computer and use it in GitHub Desktop.
Исправленное домашнее задание "Нас орда"
var WIZARD_NAMES = [
'Иван',
'Хуан',
'Себастьян',
'Мария',
'Кристоф',
'Виктор',
'Юлия',
'Люпита',
'Вашингтон'
];
var WIZARD_SURNAMES = [
'да Марья',
'Верон',
'Мирабелла',
'Вальц',
'Онопко',
'Топольницкая',
'Нионго',
'Ирвинг'
];
var COAT_COLORS = [
'rgb(101, 137, 164)',
'rgb(241, 43, 107)',
'rgb(, 46, 100, 161)',
'rgb(56, 159, 117)',
'rgb(215, 210, 55)',
'rgb(0, 0, 0)'
];
var EYES_COLORS = [
'black',
'red',
'blue',
'yellow',
'green'
];
var WIZARD_NUMBER = 4;
var getRandomNumberFromInterval = function(min, max) {
var randomNumber = min + Math.random() * (max + 1 - min);
randomNumber = Math.floor(randomNumber);
return randomNumber;
};
var getRandomArrayItem = function(array) {
var index = getRandomNumberFromInterval(0, array.length - 1);
return array[index];
};
var generateWizards = function() {
var wizards = [];
for (var i = 0; i < WIZARD_NUMBER; i++) {
var newWizard = {};
newWizard.name = getRandomArrayItem(WIZARD_NAMES) + ' ' + getRandomArrayItem(WIZARD_SURNAMES);
newWizard.coatColor = getRandomArrayItem(COAT_COLORS);
newWizard.eyeColor = getRandomArrayItem(EYES_COLORS);
wizards.push(newWizard);
}
return wizards;
};
var similarWizardTemplate = document.querySelector('#similar-wizard-template').content.querySelector('.setup-similar-item');
var generateMarkup = function(wizards) {
var wizardElement = similarWizardTemplate.cloneNode(true);
wizardElement.querySelector('.setup-similar-label').textContent = wizards.name;
wizardElement.querySelector('.wizard-coat').style.fill = wizards.coatColor;
wizardElement.querySelector('.wizard-eyes').style.fill = wizards.eyeColor;
return wizardElement;
};
var similarListElement = document.querySelector('.setup-similar-list');
var wizards = generateWizards();
var fragment = document.createDocumentFragment();
document.querySelector('.setup').classList.remove('hidden');
document.querySelector('.setup-similar').classList.remove('hidden');
for (var i = 0; i < WIZARD_NUMBER; i++) {
var wizardMarkup = generateMarkup(wizards[i]);
fragment.appendChild(wizardMarkup);
}
similarListElement.appendChild(fragment);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment