Scribd Logo
Upload

Welcome to Scribd!

  • Doneworkbutton

    Uploaded by

    Srijal Kumari
    7 views1 page
    This document contains code for a checkbox that controls the display of a paragraph with the text "THIS TASK IS COMPLETED!". Clicking the checkbox calls a function that checks if it is checked, and will display or hide the paragraph depending on its state. It also includes CSS styling for headings, containers, and a form element.

    Original Description:

    code for site

    Original Title

    doneworkbutton

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains code for a checkbox that controls the display of a paragraph with the text "THIS TASK IS COMPLETED!". Clicking the checkbox calls a function that checks if it is checked, and will display or hide the paragraph depending on its state. It also includes CSS styling for headings, containers, and a form element.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views1 page

    Doneworkbutton

    Uploaded by

    Srijal Kumari
    This document contains code for a checkbox that controls the display of a paragraph with the text "THIS TASK IS COMPLETED!". Clicking the checkbox calls a function that checks if it is checked, and will display or hide the paragraph depending on its state. It also includes CSS styling for headings, containers, and a form element.

    Copyright:

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

    <label for="myCheck">Completed:</label>

    <input type="checkbox" id="myCheck" onclick="myFunction()">


    <p id="text" style="display:none">THIS TASK IS COMPLETED!
    </p>
    function myFunction() {
    var checkBox = document.getElementById("myCheck");
    var text = document.getElementById("text");
    if (checkBox.checked == true){
    text.style.display = "block";
    } else {
    text.style.display = "none";
    }
    }

    *{
    margin:0;
    padding:0;
    background-color: black;
    color:white;
    }
    .heading{
    text-decoration:underline;
    color:rgb(244, 244, 14);
    font-style: italic;
    padding:30px;
    font-size:50px;
    }
    .heading img{
    width:90px;
    height:60px;
    }
    .container{
    width: 100%;
    height:100%;
    }

    .create{
    padding:30px;
    width:70%;
    height:70%;
    background-color: rgba(110, 56, 76, 0.5);
    }
    #form{
    padding:10px;
    width:50%;
    height:50%;
    background-color: rgba(255, 0, 93, 0.5);
    }
    #form input{
    width:200px;
    height:30px;
    }
    span{
    color:white;
    }

    You might also like