Practical 5 (BSBC-205)

<!--
Write a JavaScript code to print your name with each letter in different size and color.
-->

<!DOCTYPE html>
<html>
<head>
<title>Fourth JavaScript</title>
<style>
p {
text-align: center;
}
</style>
</head>
<body id="body">

<p id="hello"></p>
<script>
function rand() {
var hello = document.getElementById("hello");
hello.innerHTML = "";

var name = "Ajay Bhatia";
for (var i = 0; i < name.length; i++) {
var tag = '<span id="s' + (i+1) + '">' + name.charAt(i) + '</span>';
hello.innerHTML += tag;

var span = document.getElementById("s" + (i+1));
var size = Math.ceil(Math.random() * 12);
span.style.fontSize = size + "em";

var r = Math.ceil(Math.random() * 255);
var g = Math.ceil(Math.random() * 255);
var b = Math.ceil(Math.random() * 255);

span.style.color = "rgb(" + r + ", " + g + ", " + b + ")";

var r = Math.ceil(Math.random() * 255);
var g = Math.ceil(Math.random() * 255);
var b = Math.ceil(Math.random() * 255);
document.getElementById("body").style.background = "rgb(" + r + ", " + g + ", " + b + ")";
}
}

(function() {
window.setInterval(rand, 1000);
})();
</script>
</body>
</html>

Comments

Post a Comment

Post Your Valuable Comments

Popular posts from this blog

Zeller's Congruence

class ZellersCongruence {     /**     * Calculate day of week using Zeller's Congruence     *     * For the Gregorian calendar     * h =(q + floor(13(m + 1) / 5) + K + floor(K / 4) + floor(J/ 4) + 5J) % 7     *     * For Julian calendar     * h =(q + floor(13(m + 1) / 5) + K + floor(K / 4) + 5 + 6J) % 7     *     * where     * h is the day of the week (0 = Saturday, 1 = Sunday, 2 = Monday, ...)     * q is the day of the month     * m is the month (3 = March, 4 = April, 5 = May, ..., 14 = February)     * K the year of the century (year % 100).     * J is the century (actually floor(year/100)) (For example, in 1995 the century would be 19, even though it was the 20th century.)     *     * NOTE: In this algorithm January and February are ...
Read more

Property Event-Delegation

import javax.swing.JFrame; import javax.swing.JButton; import java.awt.Color; import java.awt.EventQueue; import java.awt.BorderLayout; import java.beans.PropertyChangeListener; import java.beans.PropertyChangeEvent; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import java.util.Random; class BoundFrame extends JFrame {     private JButton button1;     private JButton button2;     private Random random;         public BoundFrame() {         initialize();     }         private void initialize() {         button1 = new JButton("Select Me");         button2 = new JButton("No Select Me");         random = new Random();                 button1.addActionListener(new Butt...
Read more

Method with variable arguments

class VarArgs {     public static void main(String[] args) {         System.out.println(sum(1));                System.out.println(sum(1, 2));                System.out.println(sum(1, 2, 3));                System.out.println(sum(1, 2, 3, 4));            }         static int sum(int...args) {         int sum = 0;             for (int i = 0; i < args.length; i++)             sum += args[i];                     return sum;     } }
Read more