Posts

Showing posts with the label free website creator

HOW TO MAKE GAME WITH HTML

Advantages and Use of Canvas Canvas is used to make game in HTML using CSS or JavaScript, we can make our game more attractive Adding Canvas To insert a Canvas we use the syntax: &ltcanvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;"&gt Your browser does not support the HTML canvas tag. &lt/canvas&gt Adding Game Object An Game Object is the role playing character which is simply known as Character. In this Example we will add only one Game Object Syntax: &lt!DOCTYPE html&gt &lthtml&gt &lthead&gt &ltmeta name="viewport" content="width=device-width, initial-scale=1.0"/&gt

Online Free HTML CSS JAVASCRIPT editor

Image
Online Games Click on Image If Editor is not visible than open page in Desktop Mode and Copy/Paste to see output. Run writecode

Stopwatch Online

Timer 00:00:00 Reset

HOW TO ADD PIE CHART IN HTML | PRAKHAR DONERIA

Input:   <html>   <head>     <script type = "text/javascript" src = "https://www.gstatic.com/charts/loader.js" ></script>     <script type = "text/javascript" >       google . charts . load ( "current" , { packages :[ "corechart" ]});       google . charts . setOnLoadCallback ( drawChart );       function drawChart () {         var data = google . visualization . arrayToDataTable ([           [ 'Task' , 'Hours per Day' ],           [ 'Work' ,     11 ],           [ 'Eat' ,       2 ],           [ 'Commute' ,   2 ],           [ 'Watch TV' , 2 ],           [ 'Sleep' ,     7 ]         ]);     ...

DARK MODE USING HTML,CSS,JAVASCRIPT

Toggle Dark/Light Mode Click the button to toggle between dark and light mode for this page. Toggle dark mode Program Code POP Up using HTML

ANIMATION USING HTML AND CSS | HTML | PRAKHAR DONERIA | OUTPUT PROGRAM

Image
Note: This example does not work in Internet Explorer 9 and earlier versions. Note: This example does not work in Internet Explorer 9 and earlier versions.

Feedback form program

<!Doctype html>    <html>          <head>              <meta name="viewport" content="width=device-width, intial-scale=1">              <title> Form </title>        </head>   <style>      @import url('https://fonts.googleapis.com/css2?family=Itim&display=swap');      @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');      @import url('https://fonts.googleapis.com/css2?family=Newsreader:wght@300&display=swap');      @import url('https://fonts.googleapis.com/css2?family=Girassol&display=swap');    form {         font-family:'Itim', cursive;             }    button{           border:2px solid black;   ...

Calculator Online

Calculator

POP UP using HTML

Click here for the result Program Code  <html> <head> <script type="text/javascript"> <!-- function sayHello() { alert("Hello World ") } </script> </head> <body> Click here for the result <br> <input type="button" onclick="sayHello()" value="Say Hello" />     </body> </html> Copy Text Program

Copy Text Program Code

 <!DOCTYPE html> <html> <body> <div align="center"> <p>Click "Copy Text" button to copy input text</p> <input type="text" value="Hello World" id="myInput"> <button onclick="myFunction()">Copy Text</button> </div> <script> function myFunction() {   var copyText = document.getElementById("myInput");   copyText.select();   copyText.setSelectionRange(0, 99999)   document.execCommand("copy");   alert("Copied the text: " + copyText.value); } </script> </body> </html> View Output

COPY TEXT MAKER

Click "Copy Text" button to copy input text Copy Text Get program code

Temperature Converter

Temperature Converter. Temperature Converter Celsius Fahrenheit Developed by @Prakhar Doneria.

Word and Character Counter

Word and character counter Word and character counter 0 words and 0 characters Developed by @Prakhar Doneria

How to create Toogle Button using HTML and JavaScript | Prakhar Doneria

Download Zip for this program codes click me

How to create a mobile vibrate program using html?

Page Title Vibrate mobile for 10 sec vibrate for 5 sec Download PDF click me

How to create form in HTML 5

Image
 Write the following codes: <!DOCTYPE html> <html lang="en"> <head> <title>Form By Prakhar</title> </head> <body bgcolor="lightgreen"><form> <p>Enter Name<input type="text" Name= "username" Size=30><br><br> <p> Gender </p> <INPUT type= "Radio"Name= "Gender" Value= "Male" checked> Male <br><br> <INPUT type= "Radio"Name= "Gender" Value= "Female" Checked> Female <p>City</p> <Select Name= "Cities"> <OPTION Selected> Etawah</option> <option> Luchnow</option> <option>Delhi</option> </form> </body> </html> Output:  Also read: Calculator by HTML

How to create calculator using HTML

Image
 Write the codes: <html>  <head>        <script>           //function that display value           function dis(val)           {               document.getElementById("result").value+=val           }                       //function that evaluates the digit and return result           function solve()           {               let x = document.getElementById("result").value               let y = eval(x)               document.getElementById("result").value = y           }            ...

How to create a HTML webpage on Computer/Mobile?

 How to create HTML in Computer  Open Search option  Search notepad Open Notepad  How to create HTML page in Android  Click on link to download app 👇🏻 https://play.google.com/store/apps/details?id=com.techbajao.htmleditor (HTML 5 based) for phone How to Save a HTML document in Computer *To save a document in html form its domain extension should be .html Q.What is HTML? A.HTML means Hyper Text Markup Language.It is used for developing Webpage It is a container tag and use Syntax- <HTML> ------------------- --------------–----–-------- </HTML> Q.Head <HEAD> Tag : A.It is placed between the HTML and TITLE tag.It is a container Tag.Syntax=> <HTML> <HEAD> ---------------------- ----------------------- </HEAD> </HTML> Q.Title <TITLE> tag : A.Used between HEAD and BODY tag.It is a container tag. Syntax: <HTML> <HEAD> <TITLE> ---------------------- </TITLE> ----------------------- </HEAD...

What is a Blogs? How to create account on Blog?

What is a blog?How to create a Blog account? Prakhar Doneria A blog is a way to create free of cost web pages which can we uploaded online on search engines for free.The world "BLOG" comes from "WEB BLOG" . A blog provides a free domain name to a person who uses it.One of the most common blog site is GOOGLE BLOG which gives free service to its user. It is one of the most common site in which every age person can post his/her blog according to his/her choice.A blog provides a secure place for its user. The topic placed on a blog can be from personal to profesional. It is intresting to know about a person who uses a "BLOG" is called "BLOGGER". The emergence and growth of blogs in the late 1990s coincided with the advent of web publishing tools that facilitated the posting of content by non-technical users who did not have much experience with HTML or computer programming. Previously, a knowledge of such technologies as HT...