Javascript

1. Temperature Converter

Copy script into editor and save as temperature.html.

2. Fruit Loop

Copy script into editor and save as fruit.html.

3. Text File

Copy script into editor and save as textfile.html.

3. Slideshow

Copy the code into Editor and Save.

<!DOCTYPE html>
<html>
<title>Snaps Gallery</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.mySlides {display:none}

.myContent{max-width:980px;margin:auto}.myRest{overflow:hidden}

button {
   background-color: rgb(0,140,0); /* Dark Green */
   color: rgb(255,255,0); /* Yellow */
   border: none;
   border-radius: 15px;
   padding: 15px 32px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 20px;
   margin: 4px 2px;
   cursor: pointer; 
   }
button:hover { 
   background-color: rgb(255,255,0); /* Yellow */
   color: rgb(0,140,0); /* Dark Green */ 
   }
</style>
<body>
<div class="myContent" style="max-width:800px">
  <img class="mySlides" src="images/coders1.jpg" style="width:100%">
  <img class="mySlides" src="images/coders2.jpg" style="width:100%">
  <img class="mySlides" src="images/coders3.jpg" style="width:100%">
  <img class="mySlides" src="images/coders4.jpg" style="width:100%">
  <img class="mySlides" src="images/coders5.jpg" style="width:100%">
</div>
<div align="center">
  <div class="myContent">
    <button  onclick="plusSnaps(-1)">❮ Prev</button>
    <button  onclick="plusSnaps(1)">Next ❯</button>
  </div>
  <button onclick="currentSnap(1)">1</button> 
  <button onclick="currentSnap(2)">2</button> 
  <button onclick="currentSnap(3)">3</button> 
  <button onclick="currentSnap(4)">4</button> 
  <button onclick="currentSnap(5)">5</button> 
</div>

function plusSnaps(n) {
  showSnaps(slideIndex += n);
}

function currentSnap(n) {
  showSnaps(slideIndex = n);
}

</body>
</html>

Gallery

Audio

Create a subfolder called audio.

Copy the language words to TTS and save as an mp3 file.

Open in Audacity and save as separate mp3 files.

Copy and save as translate.html.

<html>
  <style type="text/css">
    h2 {
      color: darkgreen;
      font-family: sans-serif; 
      font-size: 2.5rem;  
    }
    button { 
      color: darkgreen;
      font-size: 1.5rem;  
      padding: 5px;
      margin: 5px
    }
  </style>
   <h2 align="center">Languages</h2>
   <h2 align="center">Gooreng Gooreng - English</h2>
   <p align="center">	
      <button onMouseDown="playBina()">Bina - Ears</button>
      <button onMouseDown="playBii()">Bii - Knee</button>
      <button onMouseDown="playBiru()">Biru - Hand</button>
      <button onMouseDown="playBulu()">Bulu - Belly</button>
    <br/>
      <button onMouseDown="playDaigil()">Daigil - Bone</button>
      <button onMouseDown="playDii()">Dii- Blood</button>
      <button onMouseDown="playDira()">Dira - Teeth</button>
      <button onMouseDown="playDjanyar()">Djanyar - Leg</button>
    <br/>
      <button onMouseDown="playDjina()">Djina - Foot</button>
      <button onMouseDown="playDulga()">Dulga - Heart</button>
      <button onMouseDown="playDunga()">Dunga - Tongue</button>
      <button onMouseDown="playGaman()">Gaman - Hip</button>
    <br/>
      <button onMouseDown="playGana()">Gana - Liver</button>
      <button onMouseDown="playGeem()">Geem - Mouth</button>
      <button onMouseDown="playGilun()">Gilun - Shoulders</button>
      <button onMouseDown="playGini()">Gini - Arm</button>
    <br/>
      <button onMouseDown="playGoomoo()">Goomoo - Elbow</button>
      <button onMouseDown="playGubu()">Gubu - Hair</button>
      <button onMouseDown="playGunGun()">Gun Gun - Face</button>
      <button onMouseDown="playMil()">Mil - Eyes</button>
    <br/>
      <button onMouseDown="playMundi()">Mundi - Bottom</button>
      <button onMouseDown="playMuru()">Muru - Nose</button>
      <button onMouseDown="playMundoie()">Mundoie - Toes</button>
      <button onMouseDown="playTeeping()">Teeping - Eyebrow</button>
    <br/>
      <button onMouseDown="playWandal()">Wandal - Neck</button>
      <button onMouseDown="playWogoo()">Wogoo - Belly Button</button>
      <button onMouseDown="playWugul()">Wugul - Ankle</button>
      <button onMouseDown="playWurul()">Wurul - Head</button>
    <br/>
      <button onMouseDown="playYillim()">Yillim - Lip</button>
      <button onMouseDown="playYinboo()">Yinboo - Chin</button>
      <button onMouseDown="playYulan()">Yulan - Skin</button>
    <br/>
   </p>
  <script type="application/javascript" src="translate.js"></script>
  </html>

Save the script as translate.js.

/* Translate Javascript */
function playWugul(){ 
	var music = new Audio('audio/wugul_ankle.mp3');
	music.play();
  }
 function playGini(){ 
	var music = new Audio('audio/gini_arm.mp3');
	music.play();
  }
 function playBulu(){ 
	var music = new Audio('audio/bulu_belly.mp3');
	music.play();
  }
 function playWogoo(){ 
	var music = new Audio('audio/wogoo_belly button.mp3');
	music.play();
  }
 function playDii(){ 
	var music = new Audio('audio/dii_blood.mp3');
	music.play();
  }
 function playDaigil(){ 
	var music = new Audio('audio/daigil_bone.mp3');
	music.play();
  }
 function playMundi(){ 
	var music = new Audio('audio/mundi_bottom.mp3');
	music.play();
  }
 function playYinboo(){ 
	var music = new Audio('audio/yinboo_chin.mp3');
	music.play();
  }
 function playBina(){ 
	var music = new Audio('audio/bina_ears.mp3');
	music.play();
  }
 function playGoomoo(){ 
	var music = new Audio('audio/goomoo_elbow.mp3');
	music.play();
  }
 function playTeeping(){ 
	var music = new Audio('audio/teeping_eyebrow.mp3');
	music.play();
  }
 function playMil(){ 
	var music = new Audio('audio/mil_eyes.mp3');
	music.play();
  }
 function playGun_Gun(){ 
	var music = new Audio('audio/gun gun_face.mp3');
	music.play();
  }
 function playDjina(){ 
	var music = new Audio('audio/djina_foot.mp3');
	music.play();
  }
 function playGubu(){ 
	var music = new Audio('audio/gubu_hair.mp3');
	music.play();
  }
 function playBiru(){ 
	var music = new Audio('audio/biru_hand.mp3');
	music.play();
  }
 function playWurul(){ 
	var music = new Audio('audio/wurul_head.mp3');
	music.play();
  }
 function playDulgu(){ 
	var music = new Audio('audio/dulgu_heart.mp3');
	music.play();
  }
 function playGaman(){ 
	var music = new Audio('audio/gaman_hip.mp3');
	music.play();
  }
 function playBii(){ 
	var music = new Audio('audio/bii_knee.mp3');
	music.play();
  }
 function playDjanyar(){ 
	var music = new Audio('audio/djanyar_leg.mp3');
	music.play();
  }
 function playYillim(){ 
	var music = new Audio('audio/yillim_lip.mp3');
	music.play();
  }
 function playGana(){ 
	var music = new Audio('audio/gana_liver.mp3');
	music.play();
  }
 function playGeem(){ 
	var music = new Audio('audio/geem_mouth.mp3');
	music.play();
  }
function playWandai(){ 
	var music = new Audio('audio/wandal_neck.mp3');
	music.play();
  }
 function playMuru(){ 
	var music = new Audio('audio/muru_nose.mp3');
	music.play();
  }
 function playGilun(){ 
	var music = new Audio('audio/gilun_shoulders.mp3');
	music.play();
  }
 function playYulan(){ 
	var music = new Audio('audio/yulan_skin.mp3');
	music.play();
  }
 function playDira(){ 
	var music = new Audio('audio/dira_teeth.mp3');
	music.play();
  }
 function playDunga(){ 
	var music = new Audio('audio/dunga_tongue.mp3');
	music.play();
  }  
function playMundoie(){
  var music = new Audio('audio/mundoie_toes.mp3');
  music.play();
  }