html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!--
https://excelwithbusiness.com/blog/say-hello-world-in-28-different-programming-languages/
-->
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<script type="text/javascript" src="https://canvasjs.com/assets/script/jquery-1.11.1.min.js"></script>
</head>
<body onload = "sayAnything(prompt('Please enter any word', 'Jai - AIMU'))">
<div class = "card">
<div class = "card-header bg-primary text-white">ALGOL</div>
<div class = "card-body">
<div id = "code"> <span id="ALGOL"></span></div>
</div>
</div>
<div class = "card">
<div class = "card-header bg-primary text-white">AppleScript</div>
<div class = "card-body">
<div id = "code">
<span id="AppleScript"></span></div>
</div>
</div>
<div class = "card">
<div class = "card-header bg-primary text-white">Assembly language</div>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
body {
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
max-width: 96%;
margin: auto;
font-family: arial;
margin-top:10px;
margin-bottom:10px;
}
.card-header {
text-align: center;
font-weight:bold;
}
#myBtn {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: green;
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
alert('Scroll down to see other. This is updated version of previous code !');
$(document).ready(function() {
/* Every time the window is scrolled ... */
$(window).scroll( function(){
/* Check the location of each desired element */
$('.hideme').each( function(i){
var bottom_of_object = $(this).offset().top + $(this).outerHeight();
var bottom_of_window = $(window).scrollTop() + $(window).height();
/* If the object is completely visible in the window, fade it it */
if( bottom_of_window > bottom_of_object ){
$(this).animate({'opacity':'1'},500);
}
});
});
});
function sayAnything(abc) {
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run