KOD
efe<head>
<title>hello</title>
<link rel="stylesheet" href="stylepage.css">
</head>
<body>
<div class="bodydiv" id="bodydiv">
<div class="yazi" id="ibofe">
<h1 style="color: white; font-size: 50px;">İbrahim Efe Öksüz</h1>
</div>
<div class="yazi" style="width: 175px; top: 95%;">
<button class="aboutbutton" onclick="about()">About Me</button>
</div>
</div>
<script>
let sayi=0;
function about(){
if(sayi==0)
{
sayi++;
let divim=document.createElement("div");
document.getElementById("bodydiv").appendChild(divim);
divim.setAttribute("id","disdiv");
divim.setAttribute("class","maindiv")
let yeniyazi=document.createElement("span");
document.getElementById("disdiv").appendChild(yeniyazi);
yeniyazi.setAttribute("id","yazimbenim");
yeniyazi.setAttribute("class","myspani");
yeniyazi.innerHTML=("Hello, I am İbrahim Efe, I am 17 years old and I am a 12th grade informatics student.<br>I am developing myself in software languages and I am very interested in software and hardware.<br>The languages I currently know and am learning are : C#, Java, JavaScript, GO and Python.<br>");
let olusturbutonsocials=document.createElement("button");
document.getElementById("disdiv").appendChild(olusturbutonsocials);
olusturbutonsocials.setAttribute("id","socialbutton");
olusturbutonsocials.setAttribute("style","font-family: tahoma; background-color: transparent; border: 0px none transparent; color: white; font-size: 15px; text-decoration: underline; margin-top:7px;");
olusturbutonsocials.innerHTML=("Socials");
olusturbutonsocials.setAttribute("onclick","yazdir()");
}
else{
sayi=1;
}
function yazdir(){
document.getElementById("yazimbenim").remove();
}
}
</script>
</body>