JSFiddle - React, Tailwind, and code Playground

by YuHan Chien

HTML

<html>
<head>
<script src="https://www.gstatic.com/firebasejs/5.3.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/3.1.0/firebase-database.js"></script>
<script src="//cdn.jsdelivr.net/npm/ramda@latest/dist/ramda.min.js"></script>
<script>
  // Initialize Firebase
  var config = {
    apiKey: "AIzaSyAvvAV-dbeGuIGTF8tVq7H7RwklqYffy2A",
    authDomain: "creditcardloan-c9296.firebaseapp.com",
    databaseURL: "https://creditcardloan-c9296.firebaseio.com",
    projectId: "creditcardloan-c9296",
    storageBucket: "creditcardloan-c9296.appspot.com",
    messagingSenderId: "620427808611"
  };
  firebase.initializeApp(config);
  
  var database = firebase.database();
  
  let tmpChoice = database.ref('cache/10-24');
  tmpChoice.on('value',function(snapshot){
  	
    let data = snapshot.val();
    console.log(data);
    data = R.values(data);
    data.map((x)=>{
    	x.firstThreeMonthRate.map((y)=>{
      	console.log((y*100).toFixed(2));
        (y*100).toFixed(2);
      })
    })
    let tmp = data.map( (x) =>
    `<div> ${(x.firstThreeMonthRate[0]*100).toFixed(2)}%</div>`
    ).join('');
    document.getElementById('main').innerHTML = tmp ;
  });
</script>
</head>
<body>
<div id = 'main'>
</div>
</body>
</html>