Scribd Logo
Upload

Welcome to Scribd!

  • Code Java Script

    Uploaded by

    DAVID NZAPA
    4 views10 pages
    language c

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    language c

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    4 views10 pages

    Code Java Script

    Uploaded by

    DAVID NZAPA
    language c

    Copyright:

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

    Code java script

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible"
    content="IE=edge">
    <meta name="viewport"
    content="width=device-width, initial-
    scale=1.0">
    <link
    href="//maxcdn.bootstrapcdn.com/font-
    awesome/4.7.0/css/font-awesome.min.css"
    rel="stylesheet">

    <title>Menu</title>
    </head>
    <body id="corps">
    <div id="pembe">

    </div>

    <div id="ngola" style="background-


    color:red;width:50px;height: 50px;display:
    none;">

    </div>
    <div id="blue" style="background-
    color:blue;width:50px;height: 50px;display:
    none;">

    </div>

    <div id="purple" style="background-


    color:purple;width:50px;height:
    50px;display: none;">

    </div>
    0
    <!-- button -->

    <p onclick="RemoveVertPutred(this)"
    style="cursor:pointer;" id="pembes">
    Changez la couleur
    </p>

    <p onclick="RemoveRedPutblue(this)"
    style="cursor:pointer;display:none;"
    id="red">
    Changez la couleur
    </p>
    <p onclick="RemovebluetPutpurple(this)"
    style="cursor:pointer;display:none;"
    id="blues">
    Changez la couleur
    </p>

    <p onclick="RemovePurplePutvert(this)"
    style="cursor:pointer;display:none;"
    id="purples">
    Changez la couleur
    </p>

    <style type="text/css">

    #pembe{
    background-
    color:green;width:50px;height: 50px;"
    }

    #ngola{
    background-
    color:red;width:50px;height: 50px;"
    }

    #purple{
    background-color: purple;
    width: 50px;
    height: 50px;
    }

    #blue{
    background-color: blue;
    width: 50px;
    height: 50px;
    }
    </style>

    <script type="text/javascript">

    function RemoveVertPutred(){

    document.getElementById('ngola').removeAt
    tribute('style');

    document.getElementById('red').removeAttr
    ibute('style');

    document.getElementById('pembe').setAttri
    bute('style','display:none');
    document.getElementById('pembes').setAttri
    bute('style','display:none');

    document.getElementById('blue').setAttribut
    e('style','display:none');

    document.getElementById('purple').setAttrib
    ute('style','display:none');

    function RemoveRedtPutblue(){
    document.getElementById('blues').removeAt
    tribute('style');

    document.getElementById('blue').removeAtt
    ribute('style');

    document.getElementById('pembe').setAttri
    bute('style','display:none');

    document.getElementById('pembes').setAttri
    bute('style','display:none');

    document.getElementById('red').setAttribut
    e('style','display:none');

    document.getElementById('ngola').setAttrib
    ute('style','display:none');
    document.getElementById('purple').setAttrib
    ute('style','display:none');

    document.getElementById('purples').setAttri
    bute('style','display:none');

    </script>

    </body>
    </html>

    You might also like