HTML input'a girilen değerler nasıl yazdırılır?

1Mithrandir · 18 Ekim 2022

Görseldeki gibi bir çalışma yaptım. Bu çalışmayı daha da geliştirmek istiyorum. Örneğin "Add New Experience" butonuna bastığımda "Experience" başlığı altındaki kutularda yazan değerlerin ekranın alt köşesinde sıralansın istiyorum. Bunun için video ya da yazılı bir şekilde nereden yararlanabilirim?

Ecmel · 18 Ekim 2022

HTML'de input'lara id verip JS ile o id'leri çekebilir ve istediğin yere innerHTML ile yazdırabilirsin.

1Mithrandir · 18 Ekim 2022

Ecmel dedi:
HTML'de input'lara id verip JS ile o id'leri çekebilir ve istediğin yere innerHTML ile yazdırabilirsin.

Peki butona bastığım zaman bunu yazmasını nasıl yapacağım? İf komutu ile mi?

Ecmel · 18 Ekim 2022

MithrandelX dedi:
Peki butona bastığım zaman bunu yazmasını nasıl yapacağım? İf komutu ile mi?

Hayır, burada if'e girmene gerek yok. Butonlarda event'ler var. Onclick eventi işine yarayacaktır. Bu dediğim şeyi bir fonksiyona bağla ve butona tıklandığı zaman o fonksiyon çalışsın.

1Mithrandir · 18 Ekim 2022

Ecmel dedi:
Hayır, burada If'e girmene gerek yok. Butonlarda Event'ler var. Onclick Event'i işine yarayacaktır. Bu dediğim şeyi bir fonksiyona bağla ve butona tıklandığı zaman o fonksiyon çalışsın.

Tamamdır teşekkür ederim. Deneyeceğim takıldığım yer olursa buraya yazarım.

Fatalis · 18 Ekim 2022

Javascript events konusuna göz atın, bunu yapsanız bile çok işinize yaramayacak onu da belirteyim. Hem kendinizi geliştirmek adına, hem de yapmak istediğiniz bu işlemin gerçekten bir işe yarayabilmesi adına Javascript objects ve arrays konularına göz at.

Girilen her bir veriyi array of object içinde object olarak tut, bu şekilde çok işlevsel olacaktır bu örnek.

JavaScript:

let exps = [
    {
        "companyName": "Test",
        "startDateline": "test",
        "endDateline": "test"
    },
    {
        "companyName": "Test 2",
        "startDateline": "test 2",
        "endDateline": "test 2"
    },
    {
        "companyName": "Test 3",
        "startDateline": "test 3",
        "endDateline": "test 3"
    }
]

Deneyimler dizisinde (exps[]) 3 farklı obje var örneğin, her bir obje o deneyimin detaylarını barındırıyor içerisinde, kullanıcı her o butona tıkladığında bu array'e bir deneyim objecti daha ekle. Bunu size önermemin sebebi, bu verileri bir yere kaydetmediğiniz sürece ekrana yazdırmanızın hiçbir işe yaramayacak oluşu.

Elbet bu verileri kullanmak isteyeceksiniz, şu an öğrenme aşamasında olduğunuz için buna ihtiyaç duymuyor olabilirsiniz ancak ilerde mutlaka objelerle çalışmak isteyecek veya zorunda kalacaksınız.

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

1Mithrandir · 18 Ekim 2022

Aslında video şeklinde anlatım varsa çok daha kolay olacaktır benim için araştırdım ancak bulamadım.

HTML input'a girilen değerler nasıl yazdırılır?

1Mithrandir

Kilopat

Dosya Ekleri

Ecmel

Megapat

1Mithrandir

Kilopat

Ecmel

Megapat

1Mithrandir

Kilopat

Fatalis

Terapat

W3Schools.com

1Mithrandir

Kilopat