Scribd Logo
Upload

Welcome to Scribd!

  • Addhtml

    Uploaded by

    ASHISH MALI
    7 views4 pages
    html

    Original Title

    addhtml

    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
    html

    Copyright:

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

    Addhtml

    Uploaded by

    ASHISH MALI
    html

    Copyright:

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

    1

    <!DOCTYPE html>
    <head>
    <title>Temperature</title>

    </head>
    <body>
    <h1>Temperature Converter</h1>
    <input type='number' id='fahrenheit'
    oninput="converterFc()"><label>Fahrenheit</label>
    <input type='number' id='celsius'
    oninput="converterCf()"><label>Celsius</label>
    <script>
    function converterFc(){
    const a=parseFloat(document.getElementById('fahrenheit').value);
    const b=(a-32)*(5/9);
    document.getElementById('celsius').value=b;
    }
    function converterCf()
    {
    const a=parseFloat(document.getElementById('celsius').value);
    const b=(a*(9/5)+32);
    document.getElementById('fahrenheit').value=b;
    }
    </script>
    </body>
    </html>
    2
    <head>
    <script> function Validate()
    { document.getElementById("invalid").innerHTML="";
    document.getElementById("valid").innerHTML="";
    var x=document.getElementById("password").value;
    var RegEx=/^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,50}$/;
    if(!x) {
    document.getElementById("invalid").innerHTML="!Please enter password."

    }
    else {
    if(RegEx.test(x)) {
    document.getElementById("valid").innerHTML="Congratulations! password
    is valid."

    }
    else {
    document.getElementById("invalid").innerHTML="!Password length must
    between (8-50) and must contains one uppercase letter, one lowercase letter, one
    digit and one symbol."

    } } }
    </script>
    <style> .button1:hover { background-color: black; color: gray; border: 1px solid
    gray; }
    </style>
    </head>
    <body style="background-color:black;color:white;text-align:center;">
    <h1 style="color:gray">Password Validator</h1>
    <hr> <h2 style="color:gray">Enter Password</h2>
    <input type="password" id="password" placeholder="Enter password..."
    style="padding:5px;">
    <button class="button1" type="button" style="padding:5px;background-
    color:gray;color:white;border: 1px solid rgba(255,255,255,1);cursor:pointer;"
    onclick="Validate()">Validate Password</button>
    <p style="color:rgba(227,63,32,1)" id="invalid"></p>
    <p style="color:rgba(47,102,16,1);" id="valid"></p>
    <h4 style="color:gray;">Instructions:-</h4>
    <ul style="color:gray;line-height: 23px;font-size: 18px;display: inline-
    block;text-align: left;margin: 0px;">
    <li>Password must contains Uppercase letter.</li> <li>Password must contains
    LowerCase letter.</li>
    <li>Password must contains Digits.</li> <li>Password must contains
    Symbols.</li>
    <li>Password minimum length should be 8.</li> <li>Password maximum length
    should be 50.</li>
    </ul>

    </body>
    </html>
    3
    <!DOCTYPE html>
    <head>
    <title>Hello from DoSelect!</title>
    </head>
    <body style="color:white;text-align:center;">
    <div id='name-section' style="background-
    color:rgba(247,247,247,1);padding:20px;">
    <h1 style="color:rgba(114,115,101,1);">John Smith</h1>
    <h2 style="color:rgba(151,158,156,1);">Software Developer</h2>
    </div>
    <div id='about-section' style="background-
    color:rgba(101,190,180,1);padding:40px;">
    <p style="font-size:33px;line-height:37px;border:1px dashed
    ;padding:5px;"> Enthusiastic software engineer with 4+ years experience
    participating in the complete product development lifecycle of successfully
    launched applications. Eager to join XYZ Inc. to deliver mission-critical
    technology and business solutions to Fortune 500 companies and some of the most
    recognized brands on the planet. In previous roles, reduced downtime by 15% and
    warranty costs by 25%; identified and resolved a process bottleneck that reduced
    coding efficiency by up to 30%.</p>
    </div>
    <div id='education-section' style="padding:40px;">
    <h2 style="color:rgba(151,158,156,1);">Education</h2>
    <hr/>
    <table style="border:1px solid rgba(151,158,156,1);display:inline-
    block;margin-top:40px;color:rgba(51,51,51,1);">
    <tr>
    <th style="border:1px solid rgba(151,158,156,1);text-
    align:left;padding:10px;">Manit, Bhopal</th>
    <td style="border:1px solid rgba(151,158,156,1);padding:10px;">B.
    Tech (Computer Science)</td>
    <td style="border:1px solid
    rgba(151,158,156,1);padding:10px;">July 2013 - July 2017</td>
    </tr>
    <tr>
    <th style="border:1px solid rgba(151,158,156,1);text-
    align:left;padding:10px;">IIT, Bombay</th>
    <td style="border:1px solid rgba(151,158,156,1);padding:10px;">M.
    Tech (Computer Science)</td>
    <td style="border:1px solid
    rgba(151,158,156,1);padding:10px;">July 2017 - July 2019</td>
    </tr>
    </table>
    </div>
    <div id='skills-section' style="background-color:rgba(225, 224, 215,
    1);padding:40px;">
    <h2 style="color:rgba(151,158,156,1);">Skills</h2>
    <hr/>
    <ul style="text-align:left;font-size:33px;line-
    height:37px;color:rgba(173,173,164,1);">
    <li>Python</li>
    <li>Go</li>
    <li>JavaScript</li>
    <li>Django / Flask</li>
    <li>Angular / Next / React</li>
    </ul>
    </div>

    </body>
    </html>
    4.
    <!DOCTYPE html>
    <head>
    <title>Shipping</title>
    </head>
    <body>
    <table>
    <tr>
    <td></td>
    <td><input type='text' id='fname'></td>
    <td><input type='text' id='lname'></td>
    </tr>
    <tr>
    <td>Email</td>
    <td colspan="3"><input type='text' id='email'
    style="width:292px;"></td>
    </tr>
    <tr>
    <td>Address</td>
    <td colspan='2'><textarea id='address'
    style="width:292px;"></textarea></td>
    </tr>
    <tr>
    <td>Phone</td>
    <td colspan='2'><input type='text' id='number'
    style="width:292px;"></td>
    </tr>
    <tr>
    <td>Country</td>
    <td colspan='2'> <select id='country'>
    <option>India</option>
    <option>USA</option>
    <option>China</option>
    </select>
    </td>
    </tr>
    <tr>
    <td></td>
    <td>
    <input type='checkbox' id='gift'>This is gift
    </td>
    </tr>
    <tr>
    <td></td>
    <td><input type='submit' id='submit' value='submit'></td>
    </tr>

    </table>

    </body>
    </html>
    5.
    <!DOCTYPE html>
    <head>
    <title>Climate</title>
    </head>
    <body>
    <h1 style="color:blue;text-align:center;">Climate Change</h1>
    <p style="background-color:red;font-family:verdana;font-size:20px;text-
    align:left;padding-left:350px;padding-right:300px">
    <br/>
    Humans and wild animals face new challenges for survival because of climate
    change. More frequent and intense drought, storms, heat waves, rising sea levels,
    melting glaciers and warming oceans can directly harm animals, destroy the places
    they live, and wreak havoc on people’s livelihoods and communities.
    <br/>
    <br/>
    Climate change destabilises the Earth’s temperature equilibrium and has
    far-reaching effects on human beings and the environment. During the course of
    global warming, the energy balance and thus the temperature of the earth change,
    due to the increased concentration of greenhouse gases, which has a significant
    impact on humans and the environment.
    <br/>
    <br/>#The direct consequences of man-made climate change include:<br/>
    <br/>
    -rising maximum temperatures<br/>
    -rising minimum temperatures<br/>
    -rising sea levels<br/>
    -higher ocean temperatures<br/>
    <br/>
    </p>
    </body>
    </html>

    You might also like