Neler yeni

Javascript hakkında yardım

Full Nvme SSD Disk Desteği Sayesinde Çok Daha Hızlı Web Siteleri! 7/24 Destek. Ücretsiz Antispam Koruma. Ücretsiz Domain. Anında Aktivasyon
Ad
Soyad
Katılım
15 Nisan 2022
Konum
İstanbul
Konular
12
Mesajlar
41
Ticaret - 0%
0   0   0
  
iletişim
Meslek
siber
Detay  
Meslek
siber
Selamlar javascript ile ilgili yardıma ihtiyacım var

Şöyle bi Kod var

<p id="p1"></p>

<script> document.getElementById("p1").innerHTML = "Buraya yazdığın p1 etiketinde görünür";
</script>

Arkadaşlar buraya yazdığın h1 etiketinde görünür bölümüne label ve buton eklemek istiyorum labele yazıp butona basınca p1 etiketinde görünmeli

Şimdiden teşekkür ederim
 

SinanSS

Front-End Back-End-Developer.svg
Ad
S********
Soyad
G****
Katılım
6 Haziran 2020
Konum
İstanbul
Konular
8
Mesajlar
70
Ticaret - 0%
0   0   0
  
iletişim
Meslek
Back-End Developer
Selamlar javascript ile ilgili yardıma ihtiyacım var

Şöyle bi Kod var

<p id="p1"></p>

<script> document.getElementById("p1").innerHTML = "Buraya yazdığın p1 etiketinde görünür";
</script>

Arkadaşlar buraya yazdığın h1 etiketinde görünür bölümüne label ve buton eklemek istiyorum labele yazıp butona basınca p1 etiketinde görünmeli

Şimdiden teşekkür ederim
Bu şekilde mi istiyorsunuz hocam?

HTML
HTML:
<input type="text" id="inputID" onkeydown="if (event.keyCode == 13)  document.getElementById('buttonID').click()"></input>
<button type="button" id="buttonID">Gönder</button>
<p id="p1"></p>

JavaScript
JavaScript:
function showMessage() {
  var name = document.getElementById("inputID");
  document.getElementById("p1").innerHTML = name.value;
}
document.getElementById("buttonID").onclick = showMessage;
 
Yorum
Ad
Soyad
Katılım
15 Nisan 2022
Konum
İstanbul
Konular
12
Mesajlar
41
Ticaret - 0%
0   0   0
  
iletişim
Meslek
siber
Detay  
Meslek
siber
Bu şekilde mi istiyorsunuz hocam?

HTML
HTML:
<input type="text" id="inputID" onkeydown="if (event.keyCode == 13)  document.getElementById('buttonID').click()"></input>
<button type="button" id="buttonID">Gönder</button>
<p id="p1"></p>

JavaScript
JavaScript:
function showMessage() {
  var name = document.getElementById("inputID");
  document.getElementById("p1").innerHTML = name.value;
}
document.getElementById("buttonID").onclick = showMessage;
evet hocam tam istediğim gibi ama sayfayı yenileyince işlem kayboluyor o sorunuda çözermisiniz rica etsem

Amacım admin panelinden sitenin bazı yerindeki yazıları değiştirmek ona göre bi kod yazarmısınız lütfem
 
Yorum

SinanSS

Front-End Back-End-Developer.svg
Ad
S********
Soyad
G****
Katılım
6 Haziran 2020
Konum
İstanbul
Konular
8
Mesajlar
70
Ticaret - 0%
0   0   0
  
iletişim
Meslek
Back-End Developer
evet hocam tam istediğim gibi ama sayfayı yenileyince işlem kayboluyor o sorunuda çözermisiniz rica etsem

Amacım admin panelinden sitenin bazı yerindeki yazıları değiştirmek ona göre bi kod yazarmısınız lütfem
Hocam bu şekil yapabilirsiniz ama doğru kullanım olduğunu düşünmüyorum.

JavaScript:
function showMessage() {
    var name = document.getElementById("inputID");

    localStorage.setItem('deger', name.value);
    document.getElementById("p1").innerHTML = name.value;
}
document.getElementById("buttonID").onclick = showMessage;
if(localStorage.getItem('deger') != ''){
    document.getElementById("p1").innerHTML = localStorage.getItem('deger');
}
 
Yorum
Ad
Soyad
Katılım
15 Nisan 2022
Konum
İstanbul
Konular
12
Mesajlar
41
Ticaret - 0%
0   0   0
  
iletişim
Meslek
siber
Detay  
Meslek
siber
Hocam bu şekil yapabilirsiniz ama doğru kullanım olduğunu düşünmüyorum.

JavaScript:
function showMessage() {
    var name = document.getElementById("inputID");

    localStorage.setItem('deger', name.value);
    document.getElementById("p1").innerHTML = name.value;
}
document.getElementById("buttonID").onclick = showMessage;
if(localStorage.getItem('deger') != ''){
    document.getElementById("p1").innerHTML = localStorage.getItem('deger');
}
Hocam siz efsanesiniz yaa çok teşekkür ederim
 
Yorum

SinanSS

Front-End Back-End-Developer.svg
Ad
S********
Soyad
G****
Katılım
6 Haziran 2020
Konum
İstanbul
Konular
8
Mesajlar
70
Ticaret - 0%
0   0   0
  
iletişim
Meslek
Back-End Developer
Yorum

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz.

Zevkine göre renk kombinasyonunu belirle

Gece/Gündüz modunu seç

Gece ve gündüz modlarından tarzınıza yada ihtiyaçlarınıza uygun olanı seçerek kullana bilirsiniz.

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.