HW3.js 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. // String: greeting
  2. // Спросите у пользователя имя, и поприветствуйте его с помощью alert.
  3. {
  4. const hello = prompt('Как Вас зовут?', 'Введите Ваше имя')
  5. alert(`Приветствую Вас, ${hello}!`)
  6. }
  7. // String: gopni4ek
  8. // Попросите пользователя ввести строку через prompt.Используя split и join сделайте что бы после любой запятой следовало слово блин, .
  9. {
  10. const str = prompt('Введите, пожалуйста, любую фразу, используя запятые')
  11. const result = str.split(',').join(',блин')
  12. alert(result)
  13. }
  14. // String: capitalize
  15. // Преобразуйте строку, введенную пользователем, таким образом, что бы первая буква становилась большой, а остальные - маленькими:
  16. {
  17. const str = prompt('вВедиТЕ любу СТРОКУ в поле ниже И увидите маГИю!')
  18. const result = `${str[0].toUpperCase()}${str.slice(1).toLowerCase()}`
  19. alert(result)
  20. }
  21. // String: word count
  22. // Посчитайте количество слов в строке.Используйте разбиение по пробелам.Длина массива называется так же, как и длина строки.
  23. {
  24. const str = 'Введите любу строку в поле ниже и увидите магию!'
  25. const length = str.length
  26. const arrLength = str.split(' ').length
  27. console.log(length)
  28. console.log(arrLength)
  29. }
  30. // String: credentials
  31. // Спросите у пользователя ФИО, используя prompt трижды.Выкиньте лишние пробелы, используя.trim
  32. // Используя String: capitalize сделайте так, что бы каждое слово в ФИО было с большой буквы, а остальные - маленькие
  33. // Объедините эти три строки в одну переменную fullName и выведите куда - то(alert, console.log).Не забудьте пробелы между словами.
  34. {
  35. const surname = (prompt('Ввеедиет Вашу Фамилию в поле ниже')).trim()
  36. const name = (prompt('Ввеедиет Ваше Имя в поле ниже')).trim()
  37. const patronymic = (prompt('Ввеедиет Ваше Отчество в поле ниже')).trim()
  38. const fullName = `${surname[0].toUpperCase()}${surname.slice(1).toLowerCase()} ${name[0].toUpperCase()}${name.slice(1).toLowerCase()} ${patronymic[0].toUpperCase()}${patronymic.slice(1).toLowerCase()}`
  39. alert(fullName)
  40. }
  41. // String: beer
  42. // Не используя.replace замените слово пиво в строке на слово чай
  43. {
  44. const str = "Было жарко. Василий пил пиво вприкуску с креветками"
  45. const result = `${str.slice(0, str.indexOf('пиво') - 1)} чай ${str.slice(str.indexOf('пиво') + 5)}`
  46. console.log(result)
  47. }
  48. // String: no tag
  49. // Найдите в строке HTML тэг.Удалите, т.е.вырежьте его - создайте другую строку, в которой будет все символы до тэга и после него Тэг может быть любым.split и join не используйте, вместо этого используйте indexOf и slice
  50. {
  51. let str = "какой-то текст в котором есть один тэг <br /> и всякое другое"
  52. let result = `${str.slice(0, str.indexOf('<') - 1)} ${str.slice(str.indexOf('>') + 2)}`
  53. console.log(result)
  54. }
  55. // String: big tag
  56. // На основе предыдущего задания сделайте тэг большими буквами.split и join не используйте, вместо этого используйте indexOf и slice
  57. {
  58. let str = "какой-то текст в котором есть один тэг <html> и всякое другое"
  59. let result = `${str.slice(0, str.indexOf('<') - 1)} ${str.slice(str.indexOf('<'), str.indexOf('>') + 1).toUpperCase()} ${str.slice(str.indexOf('>') + 2)}`
  60. console.log(result)
  61. }
  62. // String: new line
  63. // Попросите пользователя ввести строку через prompt.prompt не позволяет вводить многострочные строки.Дадим пользователю такую возможность - Пользователь может вводить \n в качестве маркера новой строки.
  64. // Используя split и join сделайте эту строку воистину многострочной и выведите в консоль или через alert.
  65. {
  66. const str = prompt('Введите в поле ниже любую строку. Для перехода на новую строку используйте комбинацию: \n')
  67. let result = str.split('\\n').join('\n')
  68. alert(result)
  69. }
  70. // String: youtube
  71. // Пусть пользователь введет любой текст с ссылкой на youtube.Используя регулярное выражение извлеките из ссылки идентификатор видоса и создайте строку с встраиваемым блоком HTML.Добавьте блок на страницу.
  72. // объявите константу с регулярным выражением
  73. // используйте метод match, который вернет вам массив
  74. // извлеките из массива элемент с идентификатором видео
  75. // изучите HTML код встраивания видео в страницу на youtube.
  76. // используя интерполяцию строк вклейте идентификатор видео в HTML код встраивания видео
  77. // используя document.write отправьте полученную строку на страницу.
  78. {
  79. const letUrl = prompt('Вставьте в поле ниже ссылку на видео с YouTube')
  80. const parsUrl = letUrl.match(/http(?:s?):\/\/(?:www\.)?youtu(?:be\.com\/watch\?v=|\.be\/)([\w\-\_]*)(&(amp;)?‌​[\w\?‌​=]*)?/)[1]
  81. document.write(`<iframe width = "560" height = "315" src = "https://www.youtube.com/embed/${parsUrl} " title = "YouTube video player" frameborder = "0" allow = "accelerometer; autoplay; clipboard - write; encrypted - media; gyroscope; picture -in -picture" allowfullscreen></iframe>`)
  82. }