JavaScript Basics Alerts, Console, Write

writing with document alert, document write, console.log

by Yogesh Kanthale

HTML

<h1>Writing into an alert box, using window.alert().</h1>
<h1>Writing into the HTML output using document.write().</h1>
<h1>Writing into an HTML element, using innerHTML.</h1>
<h1>Writing into the browser console, using console.log().</h1>

<h1 >5+6= 
<a class="innerHTML" id="changeInnerHTML" href="#">?</a></h1>

<button class="alertBtn">Alert</button>
<button class="writeBTN">Document Write</button>
<button class="consoleLog">Console Log</button>

JavaScript

$('.alertBtn').click( function(){
    window.alert(5 + 6);
});

$('.writeBTN').click( function(){
  //  document.write(5 + 6);
});

$('.innerHTML').click( function(){
document.getElementById("changeInnerHTML").innerHTML = 5 + 6;
});


$('.consoleLog').click( function(){
console.log(5 + 6);
});