Dışarıdan çekilen JSON dosyasının içinden nasıl rastgele bir değer yazdırılır?

Tamamdır diyelim ki öyle tanımladım fakat o senaryoyu nasıl canlandıracağım hakkında bilgim yok.
Bir fonksiyon oluşturup, math.floor(math.random) kullanarak falan bir şeyler düşündüm fakat beynim yetmedi.

Eki Görüntüle 1702990

Şurada ki .json'u xhr ile falan çekmeyi denedim derken falan falan baya karıştı. :D
Basit bir şekilde şöyle anlatabiliriz:
JavaScript:
const arrays = ["Herkese", "merhaba", "ben", "recep", "baltaş"];
const random = Math.floor(Math.random() * arrays.length);

console.log(random, arrays[random]);
 
Biraz kaba taslak yazdım, birçok işle aynı anda uğraşıyorum.

JavaScript:
var random_number = Math.floor(Math.random() * 6);
const get_json = '{"text1":"Merhaba", "text2" : "Ben", "text3" : "Technopat\'tan", "text4" : "Recep", "text5" : "Baltaş"}';
const rotate_object = JSON.parse(get_json);

switch(random_number) {
    case 1:
    x = rotate_object.text1;
    break;
    case 2:
    x = rotate_object.text2;
    break;
    case 3:
    x = rotate_object.text3;
    break;
    case 4:
    x = rotate_object.text4;
    break;
    case 5:
    x = rotate_object.text5;
    break;
    default:
    x = rotate_object.text1;
}

console.log(x);

Basit bir şekilde şöyle anlatabiliriz:
JavaScript:
const arrays = ["Herkese", "merhaba", "ben", "recep", "baltaş"];
const random = Math.floor(Math.random() * arrays.length);

console.log(random, arrays[random]);

Bu daha kolay yazım şekli. Uzun yoldan yazmışım.. Yoruldum sanırım.
 
Biraz kaba taslak yazdım, birçok işle aynı anda uğraşıyorum.

JavaScript:
var random_number = Math.floor(Math.random() * 6);
const get_json = '{"text1":"Merhaba", "text2" : "Ben", "text3" : "Technopat\'tan", "text4" : "Recep", "text5" : "Baltaş"}';
const rotate_object = JSON.parse(get_json);

switch(random_number) {
    case 1:
    x = rotate_object.text1;
    break;
    case 2:
    x = rotate_object.text2;
    break;
    case 3:
    x = rotate_object.text3;
    break;
    case 4:
    x = rotate_object.text4;
    break;
    case 5:
    x = rotate_object.text5;
    break;
    default:
    x = rotate_object.text1;
}

console.log(x);



Bu daha kolay yazım şekli. Uzun yoldan yazmışım.. Yoruldum sanırım.
Biraz değil bayağı yorulmuş gibisiniz hocam, size güzel bir duş ve iyi bir uyku gerekiyor sanırım :D Elinize sağlık, kod çok güzel ancak birazcık fazla detaylı.
 
JSON:
[
    "Merhaba",
    "Ben",
    "Technopattan",
    "Recep",
    "Baltaş"
]
JavaScript:
const el = document.getElementById("text")
async function getRandomText() {
    const res = await fetch("data.json");
    const data = await res.json();
    el.innerText = data[~~(Math.random() * data.length)];
}
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="app.js" defer></script>
    <title>Document</title>
</head>
<body>
    <h1 id="text"></h1>
    <button onclick="getRandomText()">Rastgele Text Getir!</button>
</body>
</html>
Bende bu şekilde yaptım.
 
Basit bir şekilde şöyle anlatabiliriz:
JavaScript:
const arrays = ["Herkese", "merhaba", "ben", "recep", "baltaş"];
const random = Math.floor(Math.random() * arrays.length);

console.log(random, arrays[random]);
Biraz kaba taslak yazdım, birçok işle aynı anda uğraşıyorum.

JavaScript:
var random_number = Math.floor(Math.random() * 6);
const get_json = '{"text1":"Merhaba", "text2" : "Ben", "text3" : "Technopat\'tan", "text4" : "Recep", "text5" : "Baltaş"}';
const rotate_object = JSON.parse(get_json);

switch(random_number) {
    case 1:
    x = rotate_object.text1;
    break;
    case 2:
    x = rotate_object.text2;
    break;
    case 3:
    x = rotate_object.text3;
    break;
    case 4:
    x = rotate_object.text4;
    break;
    case 5:
    x = rotate_object.text5;
    break;
    default:
    x = rotate_object.text1;
}

console.log(x);
Elinize sağlık, teşekkürlerimi iletiyorum işimi görür fakat elimde 500 satırdan fazla bir .json dosyası olacağı için olabildiğince dışarıdan çekip kötü gözükmesini engellemekti.
JavaScript:
const arrays = ["Herkese", "merhaba", "ben", "recep", "baltaş"];
Bu şekilde 500 cümleyi, kelimeyi js dosyasının içine yazsam sıkıntı çıkarır mı?
 

Technopat Haberler

Geri
Yukarı