Skip to content

Latest commit

 

History

History

Scripts

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
Database.md
Database.md
 
 
README.md
README.md
 
 

README.md

20CYS202 - User Interface Design

20CYS202 - User Interface Design - 3rd Sem - B.E. CSE(CYS) - ASE, CBE

Quick Pointers

Valid Script

  • Within Head
<head>
<script>
function uiDemo() {
  document.getElementById("demo").innerHTML = "Please Remember this";
}
</script>
</head>
  • Within Body
<body>
<script>
function uiDemo() {
  document.getElementById("demo").innerHTML = "Please Remember this";
}
</script>
</body>
  • From External Source
<script src="https://amrita-tifac-cyber-blockchain.github.io/GEIN-Distributed-Geographical-Indication-Registry/GEIN/js/bootstrap.min.js"></script>
<script src="demo.js"></script>

JavaScript Code Snippets

  • Printing to Browser Console
console.log('20CYS202 User Interface Design!');
  • Printing to HTML Document
document.write('20CYS202 User Interface Design!');
  • Get input from user using prompt
// taking name as an input from the user
const name = prompt("Enter your name: ")
  • Variable Declaration using const and perform addition
const fnum = 26;
const snum = 18;

// Adding two numbers
const sum = num1 + num2;

// Display the sum
console.log('The Sum of ' + fnum + ' and ' + snum + ' is: ' + sum);
  • Example of Built-in Functions or library
Math.sqrt(number);

const number = 25;

const sqrtn = Math.sqrt(number);
console.log('The square root of ' + number + ' is ' + sqrtn);
  • const is a block scope type
const a = 44;

// This will output 44
console.log(a);

// constants are block-scoped
{
    const a = 18;
    
    // This will output 18
    console.log(a);
}

// This will output 44
console.log(a);
  • Declaring an Array
const exams = ['periodicals1', 'periodicals2', 'endsemester'];
console.log(exams);