Готовый Код | Frontend
883 subscribers
470 photos
7 videos
240 links
Здесь ты найдешь готовый код для фронтенд разработки

По вопросам : @sul_furas
加入频道
Сейчас уже редко, но до сих еще спрашивают: «Почему плохо писать прямо в прототипы базовых типов?
Имеется массив со следующими числами: 1, 2, 5, 9, 4, 13, 4, 10. Применяя цикл for и оператор if необходимо выполнить проверку наличия в заданном массиве числа 4. В случае, если такое число в массиве имеется - необходимо вывести на экран "Есть!" и выйти из цикла. В том случае, если искомого числа в массиве нет - то никаких дополнительных действий производить не требуется.

Решение:
<script>
let arr = [1, 2, 5, 9, 4, 13, 4, 10];
for (i=0; i<arr.length; i++) {
if (arr[i] === 4) {
alert("Есть!");
break;
}
}
</script>


P.S. Наш канал с макетами -https://yangx.top/figma_makets
Имеется объект obj с информацией о величине заработной платы. Необходимо выведите на монитор величину заработной платы Пети и Коли.
Коля: '1000', Bacя: '500', Петя: ‘200’
Решение:
<script>
let obj = {Коля: '1000', Bacя: '500', Петя: ‘200’}’
alert(obj['Петя']);
alert(obj['Коля']);
</script>

P.S. Наш канал с макетами -https://yangx.top/figma_makets
Хай! У нас появилась ещё одна задача по js.
Имеется переменная str со значением 'abcde'. Обращаясь к отдельным символам строковой переменной необходимо по отдельности вывести на экран буквы 'a', 'c' и 'e'.

Решение
<script>
let str = 'abcde';
alert(str.charAt(0));
alert(str.charAt(2));
alert(str.charAt(4));
</script>

P.S. Наш канал с макетами -https://yangx.top/figma_makets
Задачи от подписчика

Дана строка "aaaabccddddeeeeee" нужно вывести строку символ+количество_повторений: a4b1c2d4e6

Задача "повышенной" сложности:
дана строка "adeabccdeeedaadee"

Решение:
var str = 'aaaabccddddeeeeee'
var res = str.replace(/(.)\1+/g, (match, p1) => match.length + p1)
console.log(res)
Хай! Давай решим задачу)

Имеется текстовый инпут. В него вводится число больше 10. В случае потери фокуса необходимо вычислить сумму цифр этого введенного числа.

Решение
HTML:
<input type="text" onBlur="foo();”/><br>
<script>
function foo() {
let sum = 0;
let inputs = document.querySelector('input');
let chislo = inputs.value;
let arr =chislo.split(");
for (i=0; i<arr.length; i++) {sum = sum+parseFloat(arr[i]);} alert(sum);
}
</script>

P.S. Наш канал с макетами -https://yangx.top/figma_makets
Хай, друга! Сегодня нужно решить задачу)

Имеются несколько текстовых инпутов с классом num, кнопка и абзац, заданный тегом div. Инпуты содержат произвольные числа. При нажатии на кнопку необходимо получить числа, имеющиеся в этих инпутах и записать их сумму в абзац с id="result".
HTML:

<input type="text" value="1" class="num"/><br>
<input type="text" value="1.5" class="num"/><br>
<input type="text" value="2" class="num"/><br>
<input type="button" value="Рассчитать" onClick="foo();"/>
<div id="result"></div>

Решение:
<script>
function foo(){
let sum = 0;
let inputs = document.querySelectorAII('.num');
let result = document.querySelector('
#result');
for (i=0; i<inputs.length; i++) {
sum=sum + parseFloat(inputs[i]. value);
}
result.innerHTML = sum;
}
</script>

P.S. Наш канал с макетами -https://yangx.top/figma_makets
Всем привет! Сегодня задача на вычисление факториала числа

Напишите программу на JavaScript для вычисления факториала числа.

В математике факториал неотрицательного целого числа n, обозначенного через n !, является произведением всех натуральных чисел, меньших или равных n. Например, 5! = 5 х 4 х 3 х 2 х 1 = 120

Решение
function factorial(x)
{
if (x === 0)
{
return 1;
}
return x * factorial(x-1);
}
console.log(factorial(5));
Ответ: 120
Хай! Сегодня задачка посложнее)
Напишите программу на JavaScript, чтобы найти наибольший общий делитель (gcd) из двух положительных чисел.
Решение:
var gcd = function(a, b) {
if ( ! b) {
return a;
}
return gcd(b, a % b);
};
console.log(gcd(2154, 458));
Ответ: 2

P.S. Наш канал с макетами -https://yangx.top/figma_makets
Привет! Задача на сегодня:
Напишите программу на JavaScript, чтобы получить целые числа в диапазоне (x, y).
Решение
var range = function(start_num, end_num)
{
if (end_num - start_num === 2)
{
return [start_num + 1];
}
else
{
var list = range(start_num, end_num - 1);
list.push(end_num - 1);
return list;
}
};
console.log(range(2,9));
Ответ [3,4,5,6,7,8]
Привет! Вот и осталось всего пару дней до лета)

Напишите программу на JavaScript для вычисления показателя числа.
Показатель числа говорит о том, сколько раз базовое число используется как фактор.
8 2 = 8 x 8 = 64. Здесь 8 - основание, а 2 - показатель степени.
Решение:
var exponent = function(a, n)
{
if (n === 0)
{
return 1;
}
else
{
return a * exponent(a, n-1);
}
};
console.log(exponent(4, 2));
Ответ 16
Forwarded from Dev House Jun Front
Хэй, тут есть полезность! Мы на днях пообщались с ребятами из CodeReview и решили запартнериться – они как и мы – за качественный движ и полезность.

Давай ближе к делу, зачем прелюдии. И так, ребята называются, собственно, CodeReview – ссылочка на них тут (можешь даже подписаться). Называются они так не ради красивого словца, а потому что занимаются код-ревью народа, проверкой их навыков (больше по технической части) и в целом готовят к собеседованиям.

Ты хочешь на джуна – ТЕБЕ К НИМ
Ты хочешь на мидла – ТЕБЕ К НИМ
Ты хочешь на сеньора – ТЕБЕ К НИМ

Разложат тебе по полочкам все твои навыки, скажут чего не хватает, ну и можно будем прокачать скиллы либо у них (если по мелочи), либо у нас (если по крупному).

Ну и партнерство же должно быть не только в виде фраз. Поэтому вот вам промокод, если пойдете к ним на что то платное – DHCR – 10% скидончика.

P.S. Скоро сделаем парочку вебинаров с ребятами, ждите-с
Привет! Давай решим задачу:
Напишите программу на JavaScript, чтобы вычислить сумму массива целых чисел.

Решение
var array_sum = function(my_array) {
if (my_array.length === 1) {
return my_array[0];
}
else {
return my_array.pop() + array_sum(my_array);
}
};
console.log(array_sum([1,2,3,4,5,6]));
Ответ: 21
Хай! Напишите программу на JavaScript, чтобы проверить, является ли число четным или нет.
Решение
function is_even_recursion(number)
{
if (number < 0)
{
number = Math.abs(number);
}
if (number===0)
{
return true;
}
if (number===1)
{
return false;
}
else
{
number = number - 2;
return is_even_recursion(number);
}
}
console.log(is_even_recursion(234)); //true
console.log(is_even_recursion(-45)); // false
console.log(is_even_recursion(-45)); // false
Привет! Твоя задача на сегодня:

Написать программу, которая по паролю определяет уровень доступа сотрудника к секретной информации в базе данных. Доступ к базе данных имеют только 6 сотрудников, разбитых на три группы по уровням достепа. Они имеют следующие пароли: 9583, 1747 – доступны модули баз А, В и С; 3331, 7922 - доступны модули баз В и С; 9455, 8997 – доступен модуль базы С.

Решение:
<script language="Javascript">

var a=prompt("Введите пароль","")

if ((a=="9583") || (a=="1747"))

{ alert("Вам доступны базы A,B,C")}

else {if((a=="3331") || (a=="7922"))

{alert("Вам доступны базы B,C")}

else {if((a=="9455") || (a=="8997"))

{alert("Вам доступна база C")}

else {if((a!="3331") || (a!="7922") || (a!="9455") || (a!="8997") || (a!="9583") || (a!="1747"))

{alert("Вам не доступны базы")}

}

}

}

</script>
Привет! Сегодня задача:
Известен рост трёх человек:
А - 159
B - 130
С - 214
Определить, одинаков ли их рост.

Решение:
var a=parseInt(prompt("Введите рост первого человека",""))

var b=parseInt(prompt("Введите рост второго человека",""))

var c=parseInt(prompt("Введите рост третьего человека",""))

if ((a=b) && (b==c) && (a==c))

alert("Рост этих людей одинаков")

else {alert("Рост этих людей различен")}
Задача: напишите рекурсивную функцию для вычисления суммы заданных положительных целых чисел a и b без прямого использования оператора +.
Привет! На сегодня твоя задача:
Дан объект obj с ключами 'Минск', 'Москва', 'Киев' с элементами 'Беларусь',
'Россия', 'Украина'. С помощью цикла for-in выведите на экран строки такого
формата: 'Минск - это Беларусь.'.

Решение: задача не представляет сложности если уметь работать с циклом for-in.
Давайте решать задачу поэтапно. Для начала выведем на экран все ключи объекта
(это названия городов):
var obj = {
'Минск': 'Беларусь',
'Москва': 'Россия',
'Киев': 'Украина'
};
for (var key in obj) {
alert(key);
}
А теперь выведем все значения объекта (это страны):
var obj = {
'Минск': 'Беларусь',
'Москва': 'Россия',
'Киев': 'Украина'
};
for (var key in obj) {
alert(obj[key]);
}
Ну, а теперь сформируем строки нужного нам формата:
var obj = {
'Минск': 'Беларусь',
'Москва': 'Россия',
'Киев': 'Украина'
};
for (var key in obj) {
alert(key + ' - это ' + obj[key] + '.');
}
Привет! Сегодня задача по css:
Нужно нарисовать с помощью css круг, у которого будет две половины отличаются цветом
Привет!
Напиши функцию map(fn, array), которая принимает на вход функцию и массив, и обрабатывает каждый элемент массива этой функцией, возвращая новый массив.
Пример:
function square(x) { return x * x; } // возведение в квадрат
console.log(map(square, [1, 2, 3, 4])); // [1, 4, 9, 16]
console.log(map(square, [ ])); // [ ]