Sydatolo
Decapat
- Katılım
- 30 Nisan 2021
- Mesajlar
- 209
- Makaleler
- 1
Daha fazla
- Cinsiyet
- Erkek
- Meslek
- Öğrenci
Bir tane deneme yaptım ve istediğim gibi sonuç vermedi, hatamı anlayamadım, eğer siz anladıysanız bana yardım ederseniz çok sevinirim
[CODE lang="html" title="Kod"]<!doctype html>
<html lang="tr">
<head>
<meta charset="utf-8"/>
<style type="text/css">
.z1{
padding:5px;
margin-top:6px;
margin-left:6px;
margin-right:6px;
margin-bottom:6px;
background-color:rgb(110,110,110);
border-color:rgb(90,90,90);
border-radius: 20px;
}
.z1:hover{
background-color:rgb(90,90,90);
border-color:rgb(70,70,70);
}
.z1:active{
background-color:rgb(70,70,70);
border-color:rgb(50,50,50);
}
#inputs{
background-color:gray;
border-radius: 10px;
}
#z2{
margin-left:100px;
}
</style>
<title>syd</title>
</head>
<body>
<p id="result" style="font-size:20px;">HTML5, CSS3, JS and PHP, they are integral to web programming.</p>
<table id="inputs" style="display:none;"/>
<tr><td><input type="button" value="Change Blue" onClick="changeBlue();" class="z1"></td>
<td><input type="button" value="Change Red" onClick="changeRed();" class="z1"><br/></td></tr>
<tr><td><input type="button" value="Change Bold" onClick="changeBold();" class="z1"></td>
<td><input type="button" value="Change Italic" onClick="changeItalic();" class="z1"></td><br/></tr>
<tr><td><input type="button" value="Reset" onClick="reset();" class="z1" id="z2"></td></tr>
</table>
<input type="button" value="Show Buttons" onClick="showButtons();">
<input type="button" value="Hide Buttons" onClick="hideButtons();">
<script>
function changeBlue(){
document.getElementById('result').style.color="blue";
}
function changeRed(){
document.getElementById('result').style.color="red";
}
function changeBold(){
document.getElementById('result').style.font-weight="bold";
}
function changeItalic(){
document.getElementById('result').style.font-style="italic";
}
function reset(){
document.getElementById('result').style.color="black";
document.getElementById('result').style.font-weight="none";
document.getElementById('result').style.font-style="none";
}
function showButtons(){
document.getElementById('result').style.display="block";
}
function hideButtons(){
document.getElementById('result').style.display="none";
}
</script>
</body>
</html>[/CODE]
[CODE lang="html" title="Kod"]<!doctype html>
<html lang="tr">
<head>
<meta charset="utf-8"/>
<style type="text/css">
.z1{
padding:5px;
margin-top:6px;
margin-left:6px;
margin-right:6px;
margin-bottom:6px;
background-color:rgb(110,110,110);
border-color:rgb(90,90,90);
border-radius: 20px;
}
.z1:hover{
background-color:rgb(90,90,90);
border-color:rgb(70,70,70);
}
.z1:active{
background-color:rgb(70,70,70);
border-color:rgb(50,50,50);
}
#inputs{
background-color:gray;
border-radius: 10px;
}
#z2{
margin-left:100px;
}
</style>
<title>syd</title>
</head>
<body>
<p id="result" style="font-size:20px;">HTML5, CSS3, JS and PHP, they are integral to web programming.</p>
<table id="inputs" style="display:none;"/>
<tr><td><input type="button" value="Change Blue" onClick="changeBlue();" class="z1"></td>
<td><input type="button" value="Change Red" onClick="changeRed();" class="z1"><br/></td></tr>
<tr><td><input type="button" value="Change Bold" onClick="changeBold();" class="z1"></td>
<td><input type="button" value="Change Italic" onClick="changeItalic();" class="z1"></td><br/></tr>
<tr><td><input type="button" value="Reset" onClick="reset();" class="z1" id="z2"></td></tr>
</table>
<input type="button" value="Show Buttons" onClick="showButtons();">
<input type="button" value="Hide Buttons" onClick="hideButtons();">
<script>
function changeBlue(){
document.getElementById('result').style.color="blue";
}
function changeRed(){
document.getElementById('result').style.color="red";
}
function changeBold(){
document.getElementById('result').style.font-weight="bold";
}
function changeItalic(){
document.getElementById('result').style.font-style="italic";
}
function reset(){
document.getElementById('result').style.color="black";
document.getElementById('result').style.font-weight="none";
document.getElementById('result').style.font-style="none";
}
function showButtons(){
document.getElementById('result').style.display="block";
}
function hideButtons(){
document.getElementById('result').style.display="none";
}
</script>
</body>
</html>[/CODE]