Javascript Programming Examples

test

javascript

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<script>
function sayHello() {
   document.write("Hello, Coding Ground!");
}
sayHello();
</script>
</head>
<body>
</body>
</html>

Online Javascript Editor

javascript

<!DOCTYPE html>
<html>
<head>
<title>Comando if-else</title>
</head>
<body>
    <script>
       var num1 = 100;
       var num2 = 110;
       
       document.write("num1 = " + num1 + "</br>");
       document.write("num2 = " + num2 + "</br></br>");
       
       if (num1 > num2) {
            document.write("num1 > num2");
       }
       else if (num1 < num2) {
               document.write("num1 < num2");
            }
            else {
                document.write("num1 = num2");
            }
      
       
    </script>
</body>
</html>

test

javascript

<!DOCTYPE html>
<title>My Example</title>

<script>
document.addEventListener("DOMContentLoaded", function(event) {

  var e = document.getElementById("go");
  
  e.addEventListener( "click", function() {

    var name=prompt("What is your name?","");
    if ( name!=null && name!="" ) {
      output = "Well "  +name + ". You seem very daring!";
      }
    
    document.getElementById( "msg" ).innerText = output;

  }, false);
  
});
</script>

<!-- Replace '{action page}' with your own action page to support non-JavaScript users -->
<form name="myForm" action="{action page}">
  <input id="go" type="radiobutton" value="Click Here">
</form>
<p id="msg"></p>

test

javascript

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<script>
function sayHello() {
   document.write("Hello, Coding Ground!");
   
}

function name(){
    document.write("test")
}
sayHello();
name();
</script>
</head>
<body>
</body>
</html>

test

javascript

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<script>
function sayHello() {
   document.write("Hello, Coding Ground!");
}
sayHello();
</script>
</head>
<body>
</body>
</html>

Online Javascript Editor

javascript

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<script>
function sayHello() {
   document.write("Hello, Coding Gr!");
}
sayHello();
</script>
</head>
<body>
</body>
</html>

niraj

javascript

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<script>
function sayHello() {
   document.write("Hello, Coding Ground!");
}
sayHello();
</script>
</head>
<body>
</body>
</html>

JavaScrpt

javascript

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<script>
function sayHello() {
   document.write("Hello, Coding Ground!");
}
sayHello();
</script>
</head>
<body>
</body>
</html>

Ext.jsExt.tab.PanelContainer

javascript

<!DOCTYPE html>
<html>
   <head>
      <link href = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" 
         rel = "stylesheet" />
      <script type = "text/javascript" 
         src = "https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"></script>
      
      <script type = "text/javascript">
         Ext.onReady(function () {
            Ext.create('Ext.tab.Panel', {
               renderTo: Ext.getBody(),
               height: 100,
               width: 200,
               
               items: [{
                  xtype: 'panel',
                  title: 'Tab One',
                  html: 'The first tab',
                  listeners: {
                     render: function() {
                        Ext.MessageBox.alert('Tab one', 'Tab One was clicked.');
                     }
                  }
               },{
                  // xtype for all Component configurations in a Container
                  title: 'Tab Two',
                  html: 'The second tab',
                  listeners: {
                     render: function() {
                        Ext.MessageBox.alert('Tab two', 'Tab Two was clicked.');
                     }
                  }
               }]
            });
         });
      </script>
   </head>
   
   <body>
   </body>
</html>

Online Javascript Editor

javascript

<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<script>    
    var numero = 23;
    var cadena = "Hola a todos";
    var altura = 1.76;
    var valido = false;
    var caracter = "M";
    
    document.write(typeof(numero) + "<br>");
    document.write(typeof(cadena) + "<br>");
    document.write(typeof(altura) + "<br>");
    document.write(typeof(valido) + "<br>");
    document.write(typeof(caracter) + "<br>");
</script>
</head>
<body>
</body>
</html>

Follow

Newsletter