Cara Membuat Aneka Model Segitiga Dengan Javascript
Kali ini saya akan membagikan sebuah tutorial Cara Membuat Aneka Model Segitiga Dengan Javascript. Disini saya telah meracik sebuah script yang berfungsi untuk menghasilkan string dengan aneka desain model segitiga yang bisa kamu costom. Baik, tanpa basa basi silahkan simak penjelasan saya berikut ini.
FUNGSI MODEL SEGITIGA
Untuk menggunakan script ini, kamu harus menggunakan script utama yang saya desain berikut ini :
Script Model Segitiga Versi Minify
function triangular(r,e,n,a,h){var o=r,t=1,v=[];v.push(t);for(var f=0;f<o;f++)t+=2,v.push(t);var s=[],u=[];for(f=0;f<v.length;f++){for(var g="",l=0;l<v[f];l++){var p=parseInt(v[f]/2);g+=e}u.push(p),s.push(g)}u=u.reverse();for(f=0;f<s.length;f++){var i="";for(l=0;l<u[f];l++)i+=a;var c=s[f],d="";for(l=0;l<c.length;l++)0==l||l==c.length-1?d+=c[l]:d+=n;f==s.length-1?s[f]=i+s[f]+i:s[f]=i+d+i}return"down"==h&&(s=s.reverse()),s.join("\n")}
Cara Menggunakan Script
Untuk menggunakan script tersebut, kamu dapat memanggilnya dengan format kode sebagai berikut :
triangular(high,text,inside,outside,direction)
Keterangan :
- high : Untuk Mengatur ketinggian model segitiga.
- text : Model string yang membentuk segitiga.
- inside : Model string yang akan ditampilkan di area dalam segitiga.
- outside : Model string yang akan ditampilkan di luar area segitiga.
- direction : Adalah pilihan arah model segitiga. Pilihan "up" akan menampilkan segitiga normal. Pilihan "down" akan menampilkan segitiga terbalik.
Pada tahap ini saya rasa kamu masih bingung. Agar kamu lebih paham, selanjutnya saya akan menampilkan beberapa model segitiga beserta contoh script yang digunakan.
CONTOH PEMAKAIAN SCRIPT MODEL SEGITIGA
Disini saya akan menampilkan 12 contoh model segitiga beserta contoh script yang digunakan. Silahkan simak dengan baik.
Contoh Model 1
Kode script yang digunakan
function triangular(r,e,n,a,h){var o=r,t=1,v=[];v.push(t);for(var f=0;f<o;f++)t+=2,v.push(t);var s=[],u=[];for(f=0;f<v.length;f++){for(var g="",l=0;l<v[f];l++){var p=parseInt(v[f]/2);g+=e}u.push(p),s.push(g)}u=u.reverse();for(f=0;f<s.length;f++){var i="";for(l=0;l<u[f];l++)i+=a;var c=s[f],d="";for(l=0;l<c.length;l++)0==l||l==c.length-1?d+=c[l]:d+=n;f==s.length-1?s[f]=i+s[f]+i:s[f]=i+d+i}return"down"==h&&(s=s.reverse()),s.join("\n")}
var hasil = triangular(20, "*", "-", "|", "up");
console.log(hasil);
Contoh Model 2
Kode script yang digunakan
function triangular(r,e,n,a,h){var o=r,t=1,v=[];v.push(t);for(var f=0;f<o;f++)t+=2,v.push(t);var s=[],u=[];for(f=0;f<v.length;f++){for(var g="",l=0;l<v[f];l++){var p=parseInt(v[f]/2);g+=e}u.push(p),s.push(g)}u=u.reverse();for(f=0;f<s.length;f++){var i="";for(l=0;l<u[f];l++)i+=a;var c=s[f],d="";for(l=0;l<c.length;l++)0==l||l==c.length-1?d+=c[l]:d+=n;f==s.length-1?s[f]=i+s[f]+i:s[f]=i+d+i}return"down"==h&&(s=s.reverse()),s.join("\n")}
var hasil = triangular(20, "*", "-", "|", "down");
console.log(hasil);
Contoh Model 3
Kode script yang digunakan
function triangular(r,e,n,a,h){var o=r,t=1,v=[];v.push(t);for(var f=0;f<o;f++)t+=2,v.push(t);var s=[],u=[];for(f=0;f<v.length;f++){for(var g="",l=0;l<v[f];l++){var p=parseInt(v[f]/2);g+=e}u.push(p),s.push(g)}u=u.reverse();for(f=0;f<s.length;f++){var i="";for(l=0;l<u[f];l++)i+=a;var c=s[f],d="";for(l=0;l<c.length;l++)0==l||l==c.length-1?d+=c[l]:d+=n;f==s.length-1?s[f]=i+s[f]+i:s[f]=i+d+i}return"down"==h&&(s=s.reverse()),s.join("\n")}
var hasil = triangular(20, "*", "*", " ", "up");
console.log(hasil);
Contoh Model 4
Kode script yang digunakan
function triangular(r,e,n,a,h){var o=r,t=1,v=[];v.push(t);for(var f=0;f<o;f++)t+=2,v.push(t);var s=[],u=[];for(f=0;f<v.length;f++){for(var g="",l=0;l<v[f];l++){var p=parseInt(v[f]/2);g+=e}u.push(p),s.push(g)}u=u.reverse();for(f=0;f<s.length;f++){var i="";for(l=0;l<u[f];l++)i+=a;var c=s[f],d="";for(l=0;l<c.length;l++)0==l||l==c.length-1?d+=c[l]:d+=n;f==s.length-1?s[f]=i+s[f]+i:s[f]=i+d+i}return"down"==h&&(s=s.reverse()),s.join("\n")}
var hasil = triangular(20, "*", "*", " ", "down");
console.log(hasil);
Contoh Model 5
Kode script yang digunakan
function triangular(r,e,n,a,h){var o=r,t=1,v=[];v.push(t);for(var f=0;f<o;f++)t+=2,v.push(t);var s=[],u=[];for(f=0;f<v.length;f++){for(var g="",l=0;l<v[f];l++){var p=parseInt(v[f]/2);g+=e}u.push(p),s.push(g)}u=u.reverse();for(f=0;f<s.length;f++){var i="";for(l=0;l<u[f];l++)i+=a;var c=s[f],d="";for(l=0;l<c.length;l++)0==l||l==c.length-1?d+=c[l]:d+=n;f==s.length-1?s[f]=i+s[f]+i:s[f]=i+d+i}return"down"==h&&(s=s.reverse()),s.join("\n")}
var hasil = triangular(20, "*", " ", " ", "up");
console.log(hasil);
Contoh Model 6
Kode script yang digunakan
function triangular(r,e,n,a,h){var o=r,t=1,v=[];v.push(t);for(var f=0;f<o;f++)t+=2,v.push(t);var s=[],u=[];for(f=0;f<v.length;f++){for(var g="",l=0;l<v[f];l++){var p=parseInt(v[f]/2);g+=e}u.push(p),s.push(g)}u=u.reverse();for(f=0;f<s.length;f++){var i="";for(l=0;l<u[f];l++)i+=a;var c=s[f],d="";for(l=0;l<c.length;l++)0==l||l==c.length-1?d+=c[l]:d+=n;f==s.length-1?s[f]=i+s[f]+i:s[f]=i+d+i}return"down"==h&&(s=s.reverse()),s.join("\n")}
var hasil = triangular(20, "*", " ", " ", "down");
console.log(hasil);
Contoh Model 7
Kode script yang digunakan
function triangular(r,e,n,a,h){var o=r,t=1,v=[];v.push(t);for(var f=0;f<o;f++)t+=2,v.push(t);var s=[],u=[];for(f=0;f<v.length;f++){for(var g="",l=0;l<v[f];l++){var p=parseInt(v[f]/2);g+=e}u.push(p),s.push(g)}u=u.reverse();for(f=0;f<s.length;f++){var i="";for(l=0;l<u[f];l++)i+=a;var c=s[f],d="";for(l=0;l<c.length;l++)0==l||l==c.length-1?d+=c[l]:d+=n;f==s.length-1?s[f]=i+s[f]+i:s[f]=i+d+i}return"down"==h&&(s=s.reverse()),s.join("\n")}
var hasil = triangular(20, "*", "-", " ", "up");
console.log(hasil);
Contoh Model 8
Kode script yang digunakan
function triangular(r,e,n,a,h){var o=r,t=1,v=[];v.push(t);for(var f=0;f<o;f++)t+=2,v.push(t);var s=[],u=[];for(f=0;f<v.length;f++){for(var g="",l=0;l<v[f];l++){var p=parseInt(v[f]/2);g+=e}u.push(p),s.push(g)}u=u.reverse();for(f=0;f<s.length;f++){var i="";for(l=0;l<u[f];l++)i+=a;var c=s[f],d="";for(l=0;l<c.length;l++)0==l||l==c.length-1?d+=c[l]:d+=n;f==s.length-1?s[f]=i+s[f]+i:s[f]=i+d+i}return"down"==h&&(s=s.reverse()),s.join("\n")}
var hasil = triangular(20, "*", "-", " ", "down");
console.log(hasil);
Contoh Model 9
Kode script yang digunakan
function triangular(r,e,n,a,h){var o=r,t=1,v=[];v.push(t);for(var f=0;f<o;f++)t+=2,v.push(t);var s=[],u=[];for(f=0;f<v.length;f++){for(var g="",l=0;l<v[f];l++){var p=parseInt(v[f]/2);g+=e}u.push(p),s.push(g)}u=u.reverse();for(f=0;f<s.length;f++){var i="";for(l=0;l<u[f];l++)i+=a;var c=s[f],d="";for(l=0;l<c.length;l++)0==l||l==c.length-1?d+=c[l]:d+=n;f==s.length-1?s[f]=i+s[f]+i:s[f]=i+d+i}return"down"==h&&(s=s.reverse()),s.join("\n")}
var hasil = triangular(20, "|", ".", "*", "up");
console.log(hasil);
Contoh Model 10
Kode script yang digunakan
function triangular(r,e,n,a,h){var o=r,t=1,v=[];v.push(t);for(var f=0;f<o;f++)t+=2,v.push(t);var s=[],u=[];for(f=0;f<v.length;f++){for(var g="",l=0;l<v[f];l++){var p=parseInt(v[f]/2);g+=e}u.push(p),s.push(g)}u=u.reverse();for(f=0;f<s.length;f++){var i="";for(l=0;l<u[f];l++)i+=a;var c=s[f],d="";for(l=0;l<c.length;l++)0==l||l==c.length-1?d+=c[l]:d+=n;f==s.length-1?s[f]=i+s[f]+i:s[f]=i+d+i}return"down"==h&&(s=s.reverse()),s.join("\n")}
var hasil = triangular(20, "|", ".", "*", "down");
console.log(hasil);
Contoh Model 11
Kode script yang digunakan
function triangular(r,e,n,a,h){var o=r,t=1,v=[];v.push(t);for(var f=0;f<o;f++)t+=2,v.push(t);var s=[],u=[];for(f=0;f<v.length;f++){for(var g="",l=0;l<v[f];l++){var p=parseInt(v[f]/2);g+=e}u.push(p),s.push(g)}u=u.reverse();for(f=0;f<s.length;f++){var i="";for(l=0;l<u[f];l++)i+=a;var c=s[f],d="";for(l=0;l<c.length;l++)0==l||l==c.length-1?d+=c[l]:d+=n;f==s.length-1?s[f]=i+s[f]+i:s[f]=i+d+i}return"down"==h&&(s=s.reverse()),s.join("\n")}
var hasil = triangular(20, "|", "*", ".", "up");
console.log(hasil);
Contoh Model 12
Kode script yang digunakan
function triangular(r,e,n,a,h){var o=r,t=1,v=[];v.push(t);for(var f=0;f<o;f++)t+=2,v.push(t);var s=[],u=[];for(f=0;f<v.length;f++){for(var g="",l=0;l<v[f];l++){var p=parseInt(v[f]/2);g+=e}u.push(p),s.push(g)}u=u.reverse();for(f=0;f<s.length;f++){var i="";for(l=0;l<u[f];l++)i+=a;var c=s[f],d="";for(l=0;l<c.length;l++)0==l||l==c.length-1?d+=c[l]:d+=n;f==s.length-1?s[f]=i+s[f]+i:s[f]=i+d+i}return"down"==h&&(s=s.reverse()),s.join("\n")}
var hasil = triangular(20, "|", "*", ".", "down");
console.log(hasil);
Nah, silahkan ubah settinggan sesuai kreasi kamu. Jika ada kendala dalam pemakaian, silahkan komentar di bawah.
Donasi Buat Secangkir Kopi...wkwk
Dana : 0838-1174-6714
Paypal : https://www.paypal.me/maskoding