Skip to content

Instantly share code, notes, and snippets.

View sandhikagalih's full-sized avatar

Sandhika Galih sandhikagalih

17k followers · 19 following
View GitHub Profile
@sandhikagalih
sandhikagalih / script.js
Created June 13, 2024 15:05
Javascript Image Preview
const input = document.getElementById('avatar');
const previewPhoto = () => {
const file = input.files;
if (file) {
const fileReader = new FileReader();
const preview = document.getElementById('avatar-preview');
fileReader.onload = function(event) {
preview.setAttribute('src', event.target.result);
}
fileReader.readAsDataURL(file[0]);
@sandhikagalih
sandhikagalih / css-gradient
Created April 12, 2023 02:29
Code untuk video CSS Gradient
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CSS Gradient</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Lilita+One&display=swap" rel="stylesheet" />
@sandhikagalih
sandhikagalih / contoh-coding-pw2021-pertemuan3-kelas-b
Created February 26, 2021 07:58
<?php
// echo 'Mulai <br>';
// for
// for ($i = 1; $i <= 3; $i++) {
// // echo "Hello World $i kali <br>";
// echo 'Hello World ' . $i . ' kali <br>';
// }
// while
@sandhikagalih
sandhikagalih / coba.html
Created February 3, 2021 14:39
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" id="angka" value="1">
<button type="button" id="tambah">+</button>
@sandhikagalih
sandhikagalih / index.html
Created October 15, 2019 06:41
Code untuk video JAVASCRIPT LANJUTAN 4.3 Latihan Filter, Map & Reduce
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Filter, Map & Reduce</title>
</head>