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)

Setting Model Segitiga Javascript

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

Contoh Model 1 Script Segitiga

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

Contoh Model 2 Script Segitiga

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

Contoh Model 3 Script Segitiga

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

Contoh Model 4 Script Segitiga

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

Contoh Model 5 Script Segitiga

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

Contoh Model 6 Script Segitiga

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

Contoh Model 7 Script Segitiga

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

Contoh Model 8 Script Segitiga

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

Contoh Model 9 Script Segitiga

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

Contoh Model 10 Script Segitiga

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

Contoh Model 11 Script Segitiga

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

Contoh Model 12 Script Segitiga

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