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

По вопросам : @sul_furas
加入频道
Как написать в js ''Привет Мир'' в окне оповещения?


А. alert(“Привет Мир”)

Б. alert{Привет Мир}

В. alter(“Привет Мир)


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

А - 32
👍👍👍👍👍👍👍👍 100%
Б
▫️ 0%
В
▫️ 0%
👥 32 человека уже проголосовало.
Как написать оператор IF в JavaScript?

А. if (i ! = 5)

Б. if i << 5

В. if i <> 5

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

А - 43
👍👍👍👍👍👍👍👍 96%
Б - 2
👍 4%
В
▫️ 0%
👥 45 человек уже проголосовало.
Хай! Сегодня задачка посложнее)

Запросите у пользователя ввести два числа и верните ему сумму этих двух чисел. Для решения используйте функции: prompt и parseInt.
Привет! Задача - при клике на кнопу с id "DH" должно выводиться для пользователя сообщение "Hello, Jonny!" (кто знает, тот в теме). Вывод через alert. Верстка на codepen - https://codepen.io/iosiftiho/pen/mdXJvLP
Хай! Сегодня задача)

Напишите функцию, которая будет проходить через массив целых чисел и выводить индекс каждого элемента с задержкой в 3 секунды.

Решение
const arr = [10, 12, 15, 21];
for (var i = 0; i < arr.length; i++) {
// pass in the variable i so that each function
// has access to the correct index
setTimeout(function(i_local) {
return function() {
console.log('The index of this number is: ' + i_local);
}
}(i), 3000);
}
}
Привет) Задача на сегодня:

Реализуйте алгоритм: участнику викторины задается 2 вопроса. За каждый правильный ответ начисляется 1 балл. Подсчитать и вывести количество правильных ответов на экран.

Решение:

let point = 0;
let answer = "";
answer = prompt("Какую птицу называют лесным доктором?");
if (answer == "дятел"){
alert("Верно");
point = point + 1; // сокращенная запись point++
}else{
alert("Неверно!");
}
answer = prompt("Самое глубокое пресноводное озеро в мире?");
if (answer == "Байкал"){
alert("Верно");
point = point + 1; // point++
}else{
alert("Неверно!");
}
alert("Вы набрали: " + point + " баллов");

P.S. Наш канал с макетами -https://yangx.top/figma_makets
Хай друга! Давненько ты не решал задачи, но мы предоставим это)
Каков будет результат выполнения этого кода? Почему?
function test() {
 alert(window);
 var window = 5;
 alert(window);
}

test();

P.S. Наш канал с макетами -https://yangx.top/figma_makets
Сейчас уже редко, но до сих еще спрашивают: «Почему плохо писать прямо в прототипы базовых типов?
Имеется массив со следующими числами: 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