Make basic Projects with HTML CSS JavaScript

Jyoti Negi January 12, 2026

How to make basic application with HTML CSS And JavaScript:-

The first heater application project:-

THE HTML CODE:-

THE CSS CODE:

       h1{
        font-size: 50px;
        color: blue;
        text-transform: uppercase;
        text-align: center;
        font-style: italic;
        text-shadow: 2px 3px 2px red;
        
       }
       .main_body
        {
            background-color: gray;
            height: 200px;
            width: 300px;
            margin-left: 40%;
            margin-top: 5%;
            border: 8px inset blue;
            padding: 10px;
        }
        h2{
            text-align: center;
            text-transform: uppercase;
            font-style: italic;
            font-size: 30px;
            margin-top: 0px;

        }

        .mode{
            margin-left: 33%;

        }
        .mode radio{
            font-size: 40px;
            
         

        }
        .displaytemp{
            margin-left: 50px;
            margin-top: 20px;
           
            
        }
        #temp{
            font-size: 15px;
           

        }
.settemp{
    margin-left: 40%;
}
#show{
    height: 20px;
    width: 30px;
    background-color: aliceblue;
    position: relative;
    left:70%;
}