You are on page 1of 3

<html>

<head>
</head>
<center><body>
<p id="kata">DIKI GUSMAWAN</p>
<button onClick="warna () ;"> Red</button>
<button onClick="warna2 () ;"> Gold</button>
<button onClick="warna3 () ;"> Brown</button>
<button onClick="warna4 () ;"> Pink</button>
<button onClick="warna5 () ;"> Green</button>
<button onClick="warna6 () ;"> Purple</button>
<button onClick="warna7 () ;"> Blue</button>
<button onClick="warna8 () ;"> Yellow</button>
<button onClick="warna9 () ;"> Orange</button>
<button onClick="warna10 () ;"> Black</button>
<button onClick="warna11 () ;"> Gray</button>
<button onClick="warna12 () ;">Tomato</button>
<button onClick="bold () ;"> Bold</button>
<button onClick="italic () ;"> Italic</button>
<button onClick="underline () ;"> Underline</button>
<button onClick="ukuran1 () ;"> Ukuran1</button>
<button onClick="ukuran2 () ;"> Ukuran2</button>
<button onClick="font1 () ;">Times new roman</button>
<button onClick="font2 () ;"> Arial</button>
<button onClick="font3 () ;"> Calibri</button>
<script>
function warna() {
var a = document.getElementById("kata")
a.style.color="red";
}
</script>
<script>
function warna2() {
var a = document.getElementById("kata")
a.style.color="gold";
}
</script>
<script>
function warna3() {
var a = document.getElementById("kata")
a.style.color="#A52A2A";
}
</script>
<script>
function warna4() {
var a = document.getElementById("kata")
a.style.color="pink";
}
</script>
<script>
function warna5() {
var a = document.getElementById("kata")
a.style.color=" green";
}
</script>
<script>
function warna6() {
var a = document.getElementById("kata")
a.style.color="purple";
}
</script>
<script>
function warna7() {
var a = document.getElementById("kata")
a.style.color=" blue";
}
</script>
<script>
function warna8() {
var a = document.getElementById("kata")
a.style.color="yellow";
}
</script>
<script>
function warna9() {
var a = document.getElementById("kata")
a.style.color="orange";
}
</script>
<script>
function warna10() {
var a = document.getElementById("kata")
a.style.color="Black";
}
</script>
<script>
function warna11() {
var a = document.getElementById("kata")
a.style.color="Gray";
}
</script>
<script>
function warna12() {
var a = document.getElementById("kata")
a.style.color="#FF6347";
}
</script>
<script>
function bold() {
var a = document.getElementById("kata")
a.style.fontWeight="bold";
}
</script>
<script>
function italic() {
var a = document.getElementById("kata")
a.style.fontStyle="italic";
}
</script>
<script>
function underline() {
var a = document.getElementById("kata")
a.style.text-Decoration="underline";
</script>
<script>
function ukuran1() {
var a = document.getElementById("kata")
a.style.fontSize="50px";
}
</script>
<script>
function ukuran2() {
var a = document.getElementById("kata")
a.style.fontSize="10px";
}
</script>
<script>
function font1() {
var a = document.getElementById("kata")
a.style.fontFamily="Times New Roman";
}
</script>
<script>
function font2() {
var a = document.getElementById("kata")
a.style.fontFamily="arial";

}
</script>
<script>
function font3() {
var a = document.getElementById("kata")
a.style.fontFamily="calibri";

}
</script>
</body></center>
</html>

You might also like