Skip to main content

POP UP | ALERT MESSAGE

 || POP UP MESSAGE BOX || ALERT  MESSAGE BOX || CODE BY CODOBLOG ||




codoblog giving the code for designing the code for POP UP message Box. This box also helpfull for giving the message of alerting also. Design it and use properly in your websites. This pop up message is so helpful for the alerting users during interacting with our web.
So, try to do the code for it, and keep connected with the codoblog.



  #CODE - 

     <!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> Pop up</title>
    <link rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
    <style type="text/css">
    h3{
    font-family: lucida Handwriting;
    text-align: center;
    }
    </style>
</head>
<body>
<script type="text/javascript">
swal("welcome","to my channel","success")
.then((value)=>{
swal("Enter your name:",{
content:"input",
})
.then((value)=>{
swal("Love CodoBlog",`${value}..! Please subscribe CodoBlog`,)
})
})
</script>
<br>
<br>
<h3>Welcome to the HomePage..!</h3>
</body>
</html>


#OUTPUT


















This are the outputs.





   Stay always connected with us...

   #Keep Loving CodoBlog




Watch this videos also...





Comments

The Most Populer

The World Map

The World Map Here is the code of Designing the WORLD MAP by using Html-Css-Js only.Google Map provide you the option that is Map for Developer. So, CodoBlog provide you the code for how to design the map. CODE -     <!DOCTYPE html> <html> <head> <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <link href='https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.css' rel='stylesheet'/>     <link rel="stylesheet" type="text/css" href=""> <title>The World Map</title> <style> *{ margin: 0; padding: 0; } #map{ width: 100vw; height: 100vh; } </style> </head> <body> <div id='map'></div> </body> <script src='https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.js'></script> <script> mapboxgl.accessTok...

What is full stack developer | How to become a full stack developer | what is Front end and Back end

 Full Stack Developer What actually is a full stack development? and how to become a full stack developer?   “.. a Full Stack Developer is someone with familiarity in each layer, if not mastery in many and a genuine interest in all software technology … ”     In our Programming language,   “… a full-stack web developer is someone who has honed skills in both front-end web design/development and back-end/server coding. You can count on a fullstack web developer to design, code, implement and maintain a fully functional modern interactive website on his/her own … ”                                      For better understanding you must watch codoblog's youtube video..                                               ...