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

По вопросам : @sul_furas
加入频道
Какой атрибут HTML используется для определения встроенных стилей?

А. <style>

Б. <styles>

В. <font>

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

А - 40
👍👍👍👍👍👍👍👍 100%
Б
▫️ 0%
В
▫️ 0%
👥 40 человек уже проголосовало.
Какой HTML-элемент правильный для воспроизведения аудиофайлов?

А.<audio>

Б.<sound>
 
В. <vid>

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

А - 36
👍👍👍👍👍👍👍👍 100%
Б
▫️ 0%
В
▫️ 0%
👥 36 человек уже проголосовало.
Какой элемент HTML используется для указания заголовка документа или раздела?

А. <header>
Б. <footer>
В. <section>

Как долго вы изучаете фронт - напишите в комментариях

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

А - 36
👍👍👍👍👍👍👍👍 100%
Б
▫️ 0%
В
▫️ 0%
👥 36 человек уже проголосовало.
Как написать в 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