Хай! Пора решить задачу
Напишите функцию JavaScript, чтобы получить значения имени и фамилии следующей формы.
Пример HTML-файла:
<! DOCTYPE html>
<HTML> <HEAD>
<meta charset = utf-8 />
<title> Вернуть имя и фамилию из формы </ title>
</ HEAD> <тело>
<form id = "form1" onsubmit = "getFormvalue ()">
Имя: <input type = "text" name = "fname" value = "David"> <br>
Фамилия: <input type = "text" name = "lname" value = "Бекхэм"> <br>
<input type = "submit" value = "Submit">
</ Форма>
</ Body>
</ Html>
Решение:
<!DOCTYPE html>
<html><head>
<meta charset=utf-8 />
<title>Return first and last name from a form</title>
<style type="text/css">
body {margin: 30px;}
</style>
</head><body>
<form id="form1" onsubmit="getFormvalue()">
First name: <input type="text" name="fname" value="David"><br>
Last name: <input type="text" name="lname" value="Beckham"><br>
<input type="submit" value="Submit">
</form>
</body></html>
<script>
function getFormvalue()
{
var x=document.getElementById("form1");
for (var i=0;i<x.length;i++)
{
if (x.elements[i].value!='Submit')
{
console.log(x.elements[i].value);
}
}
}
</script>
Напишите функцию JavaScript, чтобы получить значения имени и фамилии следующей формы.
Пример HTML-файла:
<! DOCTYPE html>
<HTML> <HEAD>
<meta charset = utf-8 />
<title> Вернуть имя и фамилию из формы </ title>
</ HEAD> <тело>
<form id = "form1" onsubmit = "getFormvalue ()">
Имя: <input type = "text" name = "fname" value = "David"> <br>
Фамилия: <input type = "text" name = "lname" value = "Бекхэм"> <br>
<input type = "submit" value = "Submit">
</ Форма>
</ Body>
</ Html>
Решение:
<html><head>
<meta charset=utf-8 />
<title>Return first and last name from a form</title>
<style type="text/css">
body {margin: 30px;}
</style>
</head><body>
<form id="form1" onsubmit="getFormvalue()">
First name: <input type="text" name="fname" value="David"><br>
Last name: <input type="text" name="lname" value="Beckham"><br>
<input type="submit" value="Submit">
</form>
</body></html>
<script>
function getFormvalue()
{
var x=document.getElementById("form1");
for (var i=0;i<x.length;i++)
{
if (x.elements[i].value!='Submit')
{
console.log(x.elements[i].value);
}
}
}
</script>
Привет! Задача на сегодня:
Напишите функцию JavaScript, чтобы получить разницу во времени между двумя датами в неделях.
Тестовые данные :
dt1 = новая дата («13 июня 2014 г. 08:11:00»);
dt2 = новая дата («19 октября 2014 г., 11:13:00»);
console.log (diff_weeks (dt1, dt2));
Решение:
function diff_weeks(dt2, dt1)
{
var diff =(dt2.getTime() - dt1.getTime()) / 1000;
diff /= (60 * 60 * 24 * 7);
return Math.abs(Math.round(diff));
}
dt1 = new Date(2014,10,2);
dt2 = new Date(2014,10,11);
console.log(diff_weeks(dt1, dt2));
dt1 = new Date("June 13, 2014 08:11:00");
dt2 = new Date("October 19, 2014 11:13:00");
console.log(diff_weeks(dt1, dt2));
Напишите функцию JavaScript, чтобы получить разницу во времени между двумя датами в неделях.
Тестовые данные :
dt1 = новая дата («13 июня 2014 г. 08:11:00»);
dt2 = новая дата («19 октября 2014 г., 11:13:00»);
console.log (diff_weeks (dt1, dt2));
Решение:
{
var diff =(dt2.getTime() - dt1.getTime()) / 1000;
diff /= (60 * 60 * 24 * 7);
return Math.abs(Math.round(diff));
}
dt1 = new Date(2014,10,2);
dt2 = new Date(2014,10,11);
console.log(diff_weeks(dt1, dt2));
dt1 = new Date("June 13, 2014 08:11:00");
dt2 = new Date("October 19, 2014 11:13:00");
console.log(diff_weeks(dt1, dt2));
Фулстак с нуля за год - посты раз в неделю, рассказываю о том, как учу js+vue.js+react и php+laravel+yii2.
Подписывайся, админ.
https://yangx.top/fullstack_dev0
Подписывайся, админ.
https://yangx.top/fullstack_dev0
Telegram
ЧДУ | Чай дохлебываем и уе*****м
Личный блог
Привет!
Напишите программу на JavaScript, чтобы нарисовать следующую прямоугольную форму.
Решение:
function draw() {
var canvas = document.getElementById('canvas');
if (canvas.getContext) {
var context = canvas.getContext('2d');
context.fillRect(20,20,100,100);
context.clearRect(40,40,60,60);
context.strokeRect(45,45,50,50);
}
}
Напишите программу на JavaScript, чтобы нарисовать следующую прямоугольную форму.
Решение:
var canvas = document.getElementById('canvas');
if (canvas.getContext) {
var context = canvas.getContext('2d');
context.fillRect(20,20,100,100);
context.clearRect(40,40,60,60);
context.strokeRect(45,45,50,50);
}
}
Всем привет! Сегодня задачка:
Напишите программу на JavaScript, чтобы нарисовать два пересекающихся прямоугольника, один из которых имеет альфа-прозрачность
Решение:
function draw()
{
var canvas = document.getElementById("canvas");
if (canvas.getContext)
{
var context = canvas.getContext("2d");
context.fillStyle ="rgb(256,0,0)";
context.fillRect (15, 10, 55, 50);
context.fillStyle ="rgba(0, 0, 200, 0.6)";
context.fillRect (35, 30, 55, 50);
}
}
Напишите программу на JavaScript, чтобы нарисовать два пересекающихся прямоугольника, один из которых имеет альфа-прозрачность
Решение:
{
var canvas = document.getElementById("canvas");
if (canvas.getContext)
{
var context = canvas.getContext("2d");
context.fillStyle ="rgb(256,0,0)";
context.fillRect (15, 10, 55, 50);
context.fillStyle ="rgba(0, 0, 200, 0.6)";
context.fillRect (35, 30, 55, 50);
}
}
Напишите функцию JavaScript, чтобы показать первые двадцать чисел Хэмминга.
Числа Хэмминга - это числа, единственными простыми множителями которых являются 2, 3 и 5.
Решение:
function Hamming(n) {
var succession = [1];
var length = succession.length;
var candidate = 2;
while (length < n) {
if (isHammingNumber(candidate)) {
succession[length] = candidate;
length++;
}
candidate++;
}
return succession;
}
function isHammingNumber(num) {
while (num % 5 === 0) num /= 5;
while (num % 3 === 0) num /= 3;
while (num % 2 === 0) num /= 2;
return num == 1;
}
console.log(Hamming(20));
Числа Хэмминга - это числа, единственными простыми множителями которых являются 2, 3 и 5.
Решение:
var succession = [1];
var length = succession.length;
var candidate = 2;
while (length < n) {
if (isHammingNumber(candidate)) {
succession[length] = candidate;
length++;
}
candidate++;
}
return succession;
}
function isHammingNumber(num) {
while (num % 5 === 0) num /= 5;
while (num % 3 === 0) num /= 3;
while (num % 2 === 0) num /= 2;
return num == 1;
}
console.log(Hamming(20));
Хай! Твоя задача:
Напишите программу на JavaScript, чтобы найти наибольшее из трех заданных целых чисел
Решение:
function max_of_three(x, y, z)
{
max_val = 0;
if (x > y)
{
max_val = x;
} else
{
max_val = y;
}
if (z > max_val)
{
max_val = z;
}
return max_val;
}
console.log(max_of_three(1,0,1));
console.log(max_of_three(0,-10,-20));
console.log(max_of_three(1000,510,440));
Напишите программу на JavaScript, чтобы найти наибольшее из трех заданных целых чисел
Решение:
{
max_val = 0;
if (x > y)
{
max_val = x;
} else
{
max_val = y;
}
if (z > max_val)
{
max_val = z;
}
return max_val;
}
console.log(max_of_three(1,0,1));
console.log(max_of_three(0,-10,-20));
console.log(max_of_three(1000,510,440));
Дана строка; нужно написать функцию, которая позволяет вернуть значение true, если строка является палиндромом, и false — если нет. При этом нужно учитывать пробелы и знаки препинания.
Решение
const palindrome = str => {
// turn the string to lowercase
str = str.toLowerCase()
// reverse input string and return the result of the
// comparisong
return str === str.split('').reverse().join('')
}
Решение
// turn the string to lowercase
str = str.toLowerCase()
// reverse input string and return the result of the
// comparisong
return str === str.split('').reverse().join('')
}
Привет! Лови задачу)
Нужно написать функцию, принимающую строку в качестве аргумента и возвращающую количество гласных, которые содержатся в строке.
Гласными являются «a», «e», «i», «o», «u».
Решение:
const findVowels = str => {
let count = 0
const vowels = ['a', 'e', 'i', 'o', 'u']
for(let char of str.toLowerCase()) {
if(vowels.includes(char)) {
}
}
return count
}
Нужно написать функцию, принимающую строку в качестве аргумента и возвращающую количество гласных, которые содержатся в строке.
Гласными являются «a», «e», «i», «o», «u».
Решение:
let count = 0
const vowels = ['a', 'e', 'i', 'o', 'u']
for(let char of str.toLowerCase()) {
if(vowels.includes(char)) {
}
}
return count
}
Привет! Напишите программу на JavaScript, чтобы нарисовать следующую диаграмму [используйте функцию moveto ()].
Решение:
function draw()
{
var canvas = document.getElementById('canvas');
if (canvas.getContext)
{
var context = canvas.getContext('2d');
context.beginPath();
// Outer circle
context.arc(75,75,50,0,Math.PI*2,true);
context.moveTo(110,75);
// Mouth
context.arc(75,75,35,0,Math.PI,false);
// Lefy and Right eye
context.moveTo(55,65);
context.arc(60,65,5,0,Math.PI*2,true);
context.arc(90,65,5,0,Math.PI*2,true);
context.stroke();
}
}
Решение:
{
var canvas = document.getElementById('canvas');
if (canvas.getContext)
{
var context = canvas.getContext('2d');
context.beginPath();
// Outer circle
context.arc(75,75,50,0,Math.PI*2,true);
context.moveTo(110,75);
// Mouth
context.arc(75,75,35,0,Math.PI,false);
// Lefy and Right eye
context.moveTo(55,65);
context.arc(60,65,5,0,Math.PI*2,true);
context.arc(90,65,5,0,Math.PI*2,true);
context.stroke();
}
}
Напишите программу на JavaScript для создания часов.
Ожидаемый выход консоли:
"14:37:42"
"14:37:43"
"14:37:44"
"14:37:45"
"14:37:46"
"14:37:47"
Решение
function my_Clock()
{
this.cur_date = new Date();
this.hours = this.cur_date.getHours();
this.minutes = this.cur_date.getMinutes();
this.seconds = this.cur_date.getSeconds();
}
my_Clock.prototype.run = function ()
{
setInterval(this.update.bind(this), 1000);
};
my_Clock.prototype.update = function ()
{
this.updateTime(1);
console.log(this.hours + ":" + this.minutes + ":" + this.seconds);
};
my_Clock.prototype.updateTime = function (secs)
{
this.seconds+= secs;
if (this.seconds >= 60)
{
this.minutes++;
this.seconds= 0;
}
if (this.minutes >= 60)
{
this.hours++;
this.minutes=0;
}
if (this.hours >= 24)
{
this.hours = 0;
}
};
var clock = new my_Clock();
clock.run ();
Ожидаемый выход консоли:
"14:37:42"
"14:37:43"
"14:37:44"
"14:37:45"
"14:37:46"
"14:37:47"
Решение
{
this.cur_date = new Date();
this.hours = this.cur_date.getHours();
this.minutes = this.cur_date.getMinutes();
this.seconds = this.cur_date.getSeconds();
}
{
setInterval(this.update.bind(this), 1000);
};
my_Clock.prototype.update = function ()
{
this.updateTime(1);
console.log(this.hours + ":" + this.minutes + ":" + this.seconds);
};
my_Clock.prototype.updateTime = function (secs)
{
this.seconds+= secs;
if (this.seconds >= 60)
{
this.minutes++;
this.seconds= 0;
}
if (this.minutes >= 60)
{
this.hours++;
this.minutes=0;
}
if (this.hours >= 24)
{
this.hours = 0;
}
};
var clock = new my_Clock();
Хай! Напишите программу сортировки слиянием на JavaScript.
Образец массива : [34,7,23,32,5,62]
Пример вывода : [5, 7, 23, 32, 34, 62]
Решение:
Array.prototype.merge_Sort = function () {
if (this.length <= 1)
{
return this;
}
var half = parseInt(this.length / 2);
var left = this.slice(0, half).merge_Sort();
var right = this.slice(half, this.length).merge_Sort();
var merge = function (left, right)
{
var arry = [];
while (left.length > 0 && right.length > 0)
{
arry.push((left[0] <= right[0]) ? left.shift() : right.shift());
}
return arry.concat(left).concat(right);
};
return merge(left, right);
};
var a = [34,7,23,32,5,62];
console.log(a.merge_Sort());
Образец массива : [34,7,23,32,5,62]
Пример вывода : [5, 7, 23, 32, 34, 62]
Решение:
if (this.length <= 1)
{
return this;
}
var half = parseInt(this.length / 2);
var left = this.slice(0, half).merge_Sort();
var right = this.slice(half, this.length).merge_Sort();
var merge = function (left, right)
{
var arry = [];
while (left.length > 0 && right.length > 0)
{
arry.push((left[0] <= right[0]) ? left.shift() : right.shift());
}
return arry.concat(left).concat(right);
};
return merge(left, right);
};
var a = [34,7,23,32,5,62];
console.log(a.merge_Sort());
Хай! Сегодня задачка по сложнее)
Напишите функцию JavaScript, которая говорит, является ли число идеальным.
Согласно Википедии: в теории чисел совершенное число - это положительное целое число, равное сумме его собственных положительных делителей, то есть сумме его положительных делителей, исключая само число (также известное как его аликвотная сумма). Эквивалентно, идеальное число - это число, которое составляет половину суммы всех его положительных делителей (включая себя).
Пример : первое совершенное число равно 6, потому что 1, 2 и 3 являются его собственными положительными делителями, а 1 + 2 + 3 = 6. Эквивалентно, число 6 равно половине суммы всех его положительных делителей: (1 + 2 + 3 + 6) / 2 = 6. Следующее совершенное число - 28 = 1 + 2 + 4 + 7 + 14. За ним следуют совершенные числа 496 и 8128.
Решение:
function is_perfect(number)
{
let temp = 0;
for(let i=1;i<=number/2;i++)
{
if(number%i === 0)
{
temp += i;
}
}
if(temp === number && temp !== 0)
{
console.log("It is a perfect number.");
}
else
{
console.log("It is not a perfect number.");
}
}
is_perfect(28);
Напишите функцию JavaScript, которая говорит, является ли число идеальным.
Согласно Википедии: в теории чисел совершенное число - это положительное целое число, равное сумме его собственных положительных делителей, то есть сумме его положительных делителей, исключая само число (также известное как его аликвотная сумма). Эквивалентно, идеальное число - это число, которое составляет половину суммы всех его положительных делителей (включая себя).
Пример : первое совершенное число равно 6, потому что 1, 2 и 3 являются его собственными положительными делителями, а 1 + 2 + 3 = 6. Эквивалентно, число 6 равно половине суммы всех его положительных делителей: (1 + 2 + 3 + 6) / 2 = 6. Следующее совершенное число - 28 = 1 + 2 + 4 + 7 + 14. За ним следуют совершенные числа 496 и 8128.
Решение:
{
let temp = 0;
for(let i=1;i<=number/2;i++)
{
if(number%i === 0)
{
temp += i;
}
}
if(temp === number && temp !== 0)
{
console.log("It is a perfect number.");
}
else
{
console.log("It is not a perfect number.");
}
}
is_perfect(28);
Привет!
Напиши функцию bind, которая позволяет привязать контекст (значение this) к функции:
Ответ:
window.x = 1;
var ctx = { x: 2 };
function testThis(a) { console.log("x=" + this.x + ", a=" + a); }
console.log(testThis(100)); // x=1, a=100
var boundFunction = bind(testThis, ctx);
console.log(boundFunction(100)); // x=2, a= 100
Напиши функцию bind, которая позволяет привязать контекст (значение this) к функции:
Ответ:
var ctx = { x: 2 };
function testThis(a) { console.log("x=" + this.x + ", a=" + a); }
console.log(testThis(100)); // x=1, a=100
var boundFunction = bind(testThis, ctx);
console.log(boundFunction(100)); // x=2, a= 100
Хай! Давай решим задачу:
Напишите функцию JavaScript, чтобы найти разницу между двумя массивами.
Тестовые данные :
console.log (разница ([1, 2, 3], [100, 2, 1, 10]));
["3", "10", "100"]
console.log (разница ([1, 2, 3, 4, 5], [1, [2], [3, [[4]]], [5,6]]));
[ "6"]
console.log (разница ([1, 2, 3], [100, 2, 1, 10]));
["3", "10", "100"]
Решение:
function differenceOf2Arrays (array1, array2) {
var temp = [];
array1 = array1.toString().split(',').map(Number);
array2 = array2.toString().split(',').map(Number);
for (var i in array1) {
if(array2.indexOf(array1[i]) === -1) temp.push(array1[i]);
}
for(i in array2) {
if(array1.indexOf(array2[i]) === -1) temp.push(array2[i]);
}
return temp.sort((a,b) => a-b);
}
console.log(differenceOf2Arrays([1, 2, 3], [100, 2, 1, 10]));
console.log(differenceOf2Arrays([1, 2, 3, 4, 5], [1, [2], [3, [[4]]],[5,6]]));
Пример вывода:
[3,10,100]
[6]
Напишите функцию JavaScript, чтобы найти разницу между двумя массивами.
Тестовые данные :
console.log (разница ([1, 2, 3], [100, 2, 1, 10]));
["3", "10", "100"]
console.log (разница ([1, 2, 3, 4, 5], [1, [2], [3, [[4]]], [5,6]]));
[ "6"]
console.log (разница ([1, 2, 3], [100, 2, 1, 10]));
["3", "10", "100"]
Решение:
var temp = [];
array1 = array1.toString().split(',').map(Number);
array2 = array2.toString().split(',').map(Number);
for (var i in array1) {
if(array2.indexOf(array1[i]) === -1) temp.push(array1[i]);
}
for(i in array2) {
if(array1.indexOf(array2[i]) === -1) temp.push(array2[i]);
}
return temp.sort((a,b) => a-b);
}
console.log(differenceOf2Arrays([1, 2, 3], [100, 2, 1, 10]));
console.log(differenceOf2Arrays([1, 2, 3, 4, 5], [1, [2], [3, [[4]]],[5,6]]));
[6]
Ёмоё, ты такое не пропустишь. Обязательно прочти! Мы DevHouse – учим разработке. 1 сентября мы начинаем новую группу на направление Frontend разработчик.
Почему ты должен пойти к нам?
- Мы не только учим, но и пишем код. Знаем, что актуально;
- Строго JS+фреймворк – не отвлекаемся на ненужный стек;
- Первое!!!!1!1 место Карл, первое!! На tutortop среди курсов по фронту;
- Каждое ДЗ ревьюит препод. Никаких автотестов, все по взрослому.
- Рассрочка без % и банка!!!!!
- Лучшие – на стажировку. Гении – на оплачиваемую стажировку!
- Закрытый чат с куратором, преподавателем и коллегами – ауфф вай какие хорошие люди.
Что смотришь, кликай по ссылке, переходи на сайт, читай программу и оставляй заявку – че тянешь?
P.s. Нагло? Да! Если он не сработает - тот кто его написал получит по лбу!
Почему ты должен пойти к нам?
- Мы не только учим, но и пишем код. Знаем, что актуально;
- Строго JS+фреймворк – не отвлекаемся на ненужный стек;
- Первое!!!!1!1 место Карл, первое!! На tutortop среди курсов по фронту;
- Каждое ДЗ ревьюит препод. Никаких автотестов, все по взрослому.
- Рассрочка без % и банка!!!!!
- Лучшие – на стажировку. Гении – на оплачиваемую стажировку!
- Закрытый чат с куратором, преподавателем и коллегами – ауфф вай какие хорошие люди.
Что смотришь, кликай по ссылке, переходи на сайт, читай программу и оставляй заявку – че тянешь?
P.s. Нагло? Да! Если он не сработает - тот кто его написал получит по лбу!
Йоу йоу, друга! Вот тебе задачка!
Сегодня ваша #задача ответить на вопросы:
1. В чем разница между обычной функцией и функциональным выражением?
2. Что такое NaN? Как проверить, является ли значение NaN?
3. Что такое классы (Classes)?
4. Для чего используется метод Function.prototype.apply?
5. Для чего используется метод Function.prototype.call?
Сегодня ваша #задача ответить на вопросы:
1. В чем разница между обычной функцией и функциональным выражением?
2. Что такое NaN? Как проверить, является ли значение NaN?
3. Что такое классы (Classes)?
4. Для чего используется метод Function.prototype.apply?
5. Для чего используется метод Function.prototype.call?
Привет! Давай решим задачу!
Напишите функцию JavaScript, которая принимает список названий стран в качестве входных данных и возвращает самое длинное название страны в качестве выходных данных.
S достаточно функция: Longest_Country_Name ([ "Австралия", "Германия", "Соединенные Штаты Америки"])
Ожидаемый результат : «Соединенные Штаты Америки»
Решение:
function Longest_Country_Name(country_name)
{
return country_name.reduce(function(lname, country)
{
return lname.length > country.length ? lname : country;
},
"");
}
console.log(Longest_Country_Name(["Australia", "Germany", "United States of America"]));
Напишите функцию JavaScript, которая принимает список названий стран в качестве входных данных и возвращает самое длинное название страны в качестве выходных данных.
S достаточно функция: Longest_Country_Name ([ "Австралия", "Германия", "Соединенные Штаты Америки"])
Ожидаемый результат : «Соединенные Штаты Америки»
Решение:
{
return country_name.reduce(function(lname, country)
{
return lname.length > country.length ? lname : country;
},
"");
}
console.log(Longest_Country_Name(["Australia", "Germany", "United States of America"]));
Хай! Сверстаем сайт ресторана!
Формат: #figma
Ссылка: https://www.figma.com/file/9L1cYfpMAlYrc0evyBev0E/TasteEat?node-id=0%3A1
Формат: #figma
Ссылка: https://www.figma.com/file/9L1cYfpMAlYrc0evyBev0E/TasteEat?node-id=0%3A1
Хай! Решим задачку
Напишите функцию JavaScript для вычисления градусов между 2 точками с обратной осью Y.
Тестовые данные:
console.log (pointDirection (1, 0, 12, 0));
0
console.log (pointDirection (1, 0, 1, 10));
90
Решение:
function pointDirection(x1, y1, x2, y2) {
return Math.atan2(y2 - y1, x2 - x1) * 180 / Math.PI;
}
console.log(pointDirection(1, 0, 12, 0));
console.log(pointDirection(1, 0, 1, 10));
Напишите функцию JavaScript для вычисления градусов между 2 точками с обратной осью Y.
Тестовые данные:
console.log (pointDirection (1, 0, 12, 0));
0
console.log (pointDirection (1, 0, 1, 10));
90
Решение:
return Math.atan2(y2 - y1, x2 - x1) * 180 / Math.PI;
}
console.log(pointDirection(1, 0, 12, 0));
console.log(pointDirection(1, 0, 1, 10));
Привет! На сегодня твоя задача:
Напишите программу на JavaScript для бинарного поиска.
Пример массива : [0,1,2,3,4,5,6]
console.log (l.br_search (5)) вернет '5'
Решение:
Array.prototype.br_search = function (target)
{
let half = parseInt(this.length / 2);
if (target === this[half])
{
return half;
}
if (target > this[half])
{
return half + this.slice(half,this.length).br_search(target);
}
else
{
return this.slice(0, half).br_search(target);
}
};
l= [0,1,2,3,4,5,6];
console.log(l.br_search(5));
Напишите программу на JavaScript для бинарного поиска.
Пример массива : [0,1,2,3,4,5,6]
console.log (l.br_search (5)) вернет '5'
Решение:
{
let half = parseInt(this.length / 2);
if (target === this[half])
{
return half;
}
if (target > this[half])
{
return half + this.slice(half,this.length).br_search(target);
}
else
{
return this.slice(0, half).br_search(target);
}
};
l= [0,1,2,3,4,5,6];
console.log(l.br_search(5));