How to read JSON data and display in HTML

<!DOCTYPE html> <html> <body> <script> var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { // document.write(this.responseText+”<hr>”); var myObj = JSON.parse(this.responseText); for(var i = 0 ; i < myObj.score.length ; i++) { document.write(myObj.score[i].user_name + ” ” + myObj.score[i].total_score + “<br />”); } } }; xmlhttp.open(“GET”, “all-time-json.php”, true);

Discount Calculator App for Android

Do you want a quick solution to know the final price after a discount? Do you want to see the change in price by changing the discount percentage or fixed discount price? This app will help you achieve your goal and help you to calculate discount in a fraction of a second. Download now: https://play.google.com/store/apps/details?id=com.zakasoft.discountcalculator

Gradle | Android

It is sometimes very difficult to debug your app if the settings in gradle are incorrect. You can find a sample of the latest gradle settings that I am using for your reference. build.gradle (Project: xyz) // Top-level build file where you can add configuration options common to all sub-projects/modules. buildscript { repositories { jcenter()

How to create a text with a gradient background in html using a div?

We all love those gradients when we want to show a text in the background. With the below simple css snippet, you can create a simple text with a gradient background.   <!DOCTYPE html> <html lang="en"> <head> <title>Hell</title> <style> .gradientbackground { color: white; font-size: 40px; font-family: Arial; text-align: center; background: #21314b; background: linear-gradient(to right, #21314b

How to Create a CSS Button in HTML?

In this article, I will show how to create a impressive button by using a simple css. Create a file button.html and write the below code. <style> a, a:active, a:hover, a:visited { text-decoration: none; text-decoration-line: none; text-decoration-style: initial; text-decoration-color: initial; } .mybutton { border-radius: .25rem; background-color: #008400; color: #FFFFFF; display: block; margin-bottom: 3rem; margin-left: auto;