Scribd Logo
Upload

Welcome to Scribd!

  • Tema Web

    Uploaded by

    stefy15stirbu
    1 views3 pages

    Original Title

    tema web

    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

    Copyright:

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

    Tema Web

    Uploaded by

    stefy15stirbu

    Copyright:

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

    <!

    DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Salut..</title>
    <style>
    #mainContent{
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-large;
    font-weight: bold;
    background-color: #e3f0fb;
    border-radius: 4px;
    padding: 10px;
    text-align: center;
    width: 50%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    }
    .elementContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px;
    }
    .buttonStyle{
    border-radius: 4px;
    border: thin solid #f0e020;
    padding: 5px;
    background-color: #f8f094;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    color: #663300;
    width: 75px;
    }
    .buttonStyle:hover{
    border: thin solid #ffcc00;
    background-color: #fcf9d6;
    color: #996633;
    cursor: pointer;
    }
    .buttonStyle:active{
    border: thin solid #99cc00;
    background-color: #f5ffd2;
    color: #669900;
    cursor: pointer;
    }
    #dropdownText, #checkboxText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    font-weight: bold;
    text-align: center;
    }
    </style>
    </head>

    <body>
    <div id="mainContent">
    <div class="elementContainer">
    <p id="helloText">?</p>
    <div id="clickButton">
    < button ="clickButton"id="clickButton" onclick="doSomething()">
    </div>
    <button id="clickButton" class="buttonStyle">Click</button>
    </div>

    <div class="elementContainer">
    <p id="dropdownText">?</p>
    <div id="dropdownContainer">
    <label for="dropdownSelect"></label>
    <select id="dropdownSelect" onchange="Alege()">
    <option value="bunaDimineata">Buna dimineata</option>
    <option value="bunaZiua">Buna ziua</option>
    <option value="bunaSeara">Buna seara</option>
    </select>
    </div>
    </div>

    <div class="elementContainer">
    <p id="checkboxText">?</p>
    <div id="checkboxContainer">
    <input type="checkbox" id="checkBox" onclick="toggleCheckbox()">
    <label for="checkBox">Toggle Greeting</label>
    </div>
    </div>

    </div>

    <script>
    let myButton = document.getElementById('clickButton');
    console.log(myButton);
    let myText = document.getElementById('helloText');
    myButton.addEventListener('click', doSomething, false)

    function doSomething() {
    myText.textContent = 'salut, lume'
    }

    myButton.addEventListener('mouseout', mouseClick, false)

    function mouseClick() {
    myText.textContent = "?"
    }
    let dropdownSelect = document.getElementById('dropdownSelect');
    let checkBox = document.getElementById('checkBox');

    function Alege() {
    let selectedOption =
    dropdownSelect.options[dropdownSelect.selectedIndex].text;
    document.getElementById('dropdownText').textContent = `Alege: $
    {selectedOption}`;
    }

    function toggleCheckbox() {
    if (checkBox.checked) {
    document.getElementById('checkboxText').textContent = 'Checkbox is
    checked!';
    } else {
    document.getElementById('checkboxText').textContent = 'Checkbox is
    unchecked.';
    }
    }
    </script>
    </body>
    </html>

    You might also like

    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • 4
      Document1 page
      4
      Saif Jutt
      No ratings yet
    • Archita1_websysLabexer
      Document11 pages
      Archita1_websysLabexer
      Tijnara Archita
      No ratings yet
    • Vitro Nex
      Document7 pages
      Vitro Nex
      Andrei Suceu
      No ratings yet
    • CodePlayer: Build HTML/CSS/JS Editor in HTML/JS
      Document10 pages
      CodePlayer: Build HTML/CSS/JS Editor in HTML/JS
      ssss
      No ratings yet
    • Romantic
      Document2 pages
      Romantic
      marcenariajcstilos
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • 5
      Document2 pages
      5
      Saif Jutt
      No ratings yet
    • 3
      Document2 pages
      3
      Saif Jutt
      No ratings yet
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • HTML:: HTML Lang Charset Content Name Content
      Document4 pages
      HTML:: HTML Lang Charset Content Name Content
      Gleyson Melo
      No ratings yet
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • Build A Palindrome Checker
      Document4 pages
      Build A Palindrome Checker
      marekwieszjakjest
      No ratings yet
    • 3
      Document2 pages
      3
      Saif Jutt
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • Own Project
      Document7 pages
      Own Project
      MYKO DIONGSON
      No ratings yet
    • 3
      Document2 pages
      3
      Saif Jutt
      No ratings yet
    • 5
      Document2 pages
      5
      Saif Jutt
      No ratings yet
    • HTML Coding by Technical Complex
      Document1 page
      HTML Coding by Technical Complex
      Ali
      No ratings yet
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • borrador smartmed
      Document15 pages
      borrador smartmed
      lpdavila9
      No ratings yet
    • Pass
      Document1 page
      Pass
      Saif Jutt
      No ratings yet
    • HTML Css App
      Document11 pages
      HTML Css App
      Aymen Gmar
      No ratings yet
    • DOCTYPE html.1
      Document4 pages
      DOCTYPE html.1
      bhapkaraditya96
      No ratings yet
    • 3
      Document2 pages
      3
      Saif Jutt
      No ratings yet
    • HTML
      Document2 pages
      HTML
      ccrown861
      No ratings yet
    • !doctype HTML
      Document3 pages
      !doctype HTML
      melati.surya.ningsih29
      No ratings yet
    • Final Practical File
      Document36 pages
      Final Practical File
      Deepanshu Punj
      No ratings yet
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • Codgio Boton de Envio
      Document2 pages
      Codgio Boton de Envio
      santiago123diaz2
      No ratings yet
    • Mini Project 1
      Document7 pages
      Mini Project 1
      Seid Krsic
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • 1
      Document2 pages
      1
      Saif Jutt
      No ratings yet
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • Doctype HTML
      Document2 pages
      Doctype HTML
      ammarskandar4
      No ratings yet
    • Calc
      Document3 pages
      Calc
      citiye2321
      No ratings yet
    • File
      Document6 pages
      File
      NGUYỄN THẾ VIỆT QUANG
      No ratings yet
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • 2
      Document2 pages
      2
      Saif Jutt
      No ratings yet
    • Fichier Inter
      Document9 pages
      Fichier Inter
      Aymen Gmar
      No ratings yet
    • Login page form
      Document2 pages
      Login page form
      ANTONIO JEAN PIERRE DIAZ GARRIDO
      No ratings yet
    • Message
      Document2 pages
      Message
      gtguide101
      No ratings yet
    • Java Script Calculator: Sanjay M
      Document11 pages
      Java Script Calculator: Sanjay M
      Sanjay Muthu
      No ratings yet
    • Pagina Web Basica: Doctype HTML Head Meta Meta Meta Link
      Document6 pages
      Pagina Web Basica: Doctype HTML Head Meta Meta Meta Link
      Giordano Carcerieri
      No ratings yet
    • Salsabela
      Document7 pages
      Salsabela
      SALSABELA AMANDA PUTRI
      No ratings yet
    • Login HTML
      Document2 pages
      Login HTML
      Lucas Santos
      No ratings yet
    • Menu
      Document7 pages
      Menu
      Simon Valenzuela Diaz
      No ratings yet
    • pemwebprakP4_2218004
      Document16 pages
      pemwebprakP4_2218004
      Naufal Whildan
      No ratings yet
    • LOGIN
      Document2 pages
      LOGIN
      Mary Bermejo
      100% (1)
    • 5
      Document2 pages
      5
      Saif Jutt
      No ratings yet
    • IT­_Practicals
      Document18 pages
      IT­_Practicals
      108 Anirban
      No ratings yet
    • C 1
      Document3 pages
      C 1
      Ashutosh Pandey
      No ratings yet
    • 4
      Document2 pages
      4
      Saif Jutt
      No ratings yet
    • New Text Document
      Document2 pages
      New Text Document
      saied mostafa
      No ratings yet
    • Message
      Document2 pages
      Message
      gtguide101
      No ratings yet
    • Nalasoacalc
      Document5 pages
      Nalasoacalc
      Rianala Manantsoa
      No ratings yet
    • Angular Portfolio App Development: Building Modern and Engaging Portfolios
      From Everand
      Angular Portfolio App Development: Building Modern and Engaging Portfolios
      Abdelfattah Ragab
      No ratings yet