Scribd Logo
Upload

Welcome to Scribd!

  • WEB Lab6

    Uploaded by

    Boardwing
    6 views3 pages

    Original Title

    WEB_lab6

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views3 pages

    WEB Lab6

    Uploaded by

    Boardwing

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    Горбань Ю. В., ст. гр.

    КІ-18
    Лабораторна робота №6
    Тема: «Ознайомлення з основами мови програмування JavaScript»
    Мета роботи: отримати навички створення сценаріїв на мові JavaScript.

    Завдання №1
    Створити функцію no_zeros(), аргументом якої є масив чисел, а
    результатом дії — модифікований вхідний масив, який не містить нульових
    значень.

    Текст програми:
    let array = [0,1,2,3,0,4,0,5];
    function noZeros (array){
    let noZeroArray = [];
    for(let i=0; i<array.length; i++){
    if(array[i] != 0){
    noZeroArray.push(array[i]);
    }
    }
    return noZeroArray;
    }

    let a = noZeros(array);
    console.log(array);
    console.log(a);

    Рисунок 6.1 – Результат

    Завдання №2
    Необхідно вивести час або дату відповідно до варіанту. Формат дати:
    ДД-ММ-РРРР, день тижня; формат часу: гг-хх-сс. Вивести кылькысть
    тижныв до нового року.

    Текст програми
    let time = document.getElementById("time");
    let weeks = document.getElementById("weeks");

    function getCurrentTime(){
    return new Date().toLocaleTimeString();
    }

    function getCurrentDay(){
    let days = ["Воскресенье",
    "Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"];
    Горбань Ю. В., ст. гр. КІ-18
    let date = new Date();
    let day = date.getDay();
    return days[day];
    }

    function getCurrentDate(){
    return new Date().toLocaleDateString();
    }

    function getFormattedDateTime(){
    return getCurrentDate()+", "+getCurrentDay()+" "+getCurrentTime();
    }

    function weeksToNewYear(){
    let now = new Date();
    let year = now.getFullYear();
    //let month = now.getMonth();
    let newYear = new Date(year, 11, 31);
    let diff = newYear.getTime() - now.getTime();
    let weeks = Math.floor(diff/(1000*3600*24*7));

    return weeks;
    }

    setInterval(()=> time.innerHTML = getFormattedDateTime(), 1000);


    weeks.innerHTML = weeksToNewYear();

    Рисунок 6.2 – Результат

    Завдання №3
    Використовуючи JavaScript RegExp, виконати перевірку інформації,
    введеної в поля форми. Номер телефону повинен мати наступний формат
    +38(ххх)ххх-хх-х.

    HTML-код:
    <body>
    <input id="phone" type="text">
    <div><button id="btn" style="width:165px; height: 25px;">Click to confrim</button></div>
    </body>
    <script src="script.js"></script>

    Текст програми:
    let button = document.getElementById("btn")

    button.onclick = function(){
    let regex = /\+38\(\d{3}\)\d{3}\-\d{2}\-\d{1}/g;
    let phone = document.getElementById('phone').value;
    Горбань Ю. В., ст. гр. КІ-18
    let valid = regex.test(phone);
    if(valid) alert("Correct")
    else alert("Please enter your phone number correctly\nPattern: +38(xxx)xxx-xx-x")
    }

    Рисунок 6.3 – Результат

    Висновок: в ході лабораторної роботи було засвоєно основи роботи з мовою


    програмування JavaScript, отримано навички створення сценаріїв на мові
    JavaScript.

    You might also like