Tag: value

C Program To Print All ASCII Characters and Value using For Loop

Lets write a C program to print/display all ASCII characters and its corresponding value using For loop.

Note: In C programming language, every alphabet, number and symbol has corresponding ASCII value(a integer number representing the character).

In C programming language, there are 256 ASCII Characters and ASCII Values. i.e., from 0 to 255.

Related Read:
For Loop In C Programming Language
C Program To Print All ASCII Characters and Value

Video Tutorial: C Program To Print All ASCII Characters and Value using For Loop


[youtube https://www.youtube.com/watch?v=xTRbser_9us]

YouTube Link: https://www.youtube.com/watch?v=xTRbser_9us [Watch the Video In Full Screen.]

Source Code: C Program To Print All ASCII Characters and Value using For Loop

#include<stdio.h>

int main()
{
    int count;

    for(count = 0; count <= 255; count++)
    {
        printf("ASCII value of %c is %d\n", count, count);
    }

    return 0;
}

Output
ASCII value of is 0

ASCII value of ☺ is 1

ASCII value of ☻ is 2

ASCII value of ♥ is 3

ASCII value of ♦ is 4

ASCII value of ♣ is 5

ASCII value of ♠ is 6

ASCII value of is 7

ASCII value of is 8

ASCII value of is 9

ASCII value of
is 10

ASCII value of ♂ is 11

ASCII value of ♀ is 12

is 13

ASCII value of ♫ is 14

ASCII value of ☼ is 15

ASCII value of ► is 16

ASCII value of ◄ is 17

ASCII value of ↕ is 18

ASCII value of ‼ is 19

ASCII value of is 20

ASCII value of § is 21

ASCII value of ▬ is 22

ASCII value of ↨ is 23

ASCII value of ↑ is 24

ASCII value of ↓ is 25

ASCII value of → is 26

ASCII value of ← is 27

ASCII value of ∟ is 28

ASCII value of ↔ is 29

ASCII value of ▲ is 30

ASCII value of ▼ is 31

ASCII value of is 32

ASCII value of ! is 33

ASCII value of “ is 34

ASCII value of # is 35

ASCII value of $ is 36

ASCII value of % is 37

ASCII value of & is 38

ASCII value of ‘ is 39

ASCII value of ( is 40

ASCII value of ) is 41

ASCII value of * is 42

ASCII value of + is 43

ASCII value of , is 44

ASCII value of – is 45

ASCII value of . is 46

ASCII value of / is 47

ASCII value of 0 is 48

ASCII value of 1 is 49

ASCII value of 2 is 50

ASCII value of 3 is 51

ASCII value of 4 is 52

ASCII value of 5 is 53

ASCII value of 6 is 54

ASCII value of 7 is 55

ASCII value of 8 is 56

ASCII value of 9 is 57

ASCII value of : is 58

ASCII value of ; is 59

ASCII value of < is 60

ASCII value of = is 61

ASCII value of > is 62

ASCII value of ? is 63

ASCII value of @ is 64

ASCII value of A is 65

ASCII value of B is 66

ASCII value of C is 67

ASCII value of D is 68

ASCII value of E is 69

ASCII value of F is 70

ASCII value of G is 71

ASCII value of H is 72

ASCII value of I is 73

ASCII value of J is 74

ASCII value of K is 75

ASCII value of L is 76

ASCII value of M is 77

ASCII value of N is 78

ASCII value of O is 79

ASCII value of P is 80

ASCII value of Q is 81

ASCII value of R is 82

ASCII value of S is 83

ASCII value of T is 84

ASCII value of U is 85

ASCII value of V is 86

ASCII value of W is 87

ASCII value of X is 88

ASCII value of Y is 89

ASCII value of Z is 90

ASCII value of [ is 91

ASCII value of \ is 92

ASCII value of ] is 93

ASCII value of ^ is 94

ASCII value of _ is 95

ASCII value of ` is 96

ASCII value of a is 97

ASCII value of b is 98

ASCII value of c is 99

ASCII value of d is 100

ASCII value of e is 101

ASCII value of f is 102

ASCII value of g is 103

ASCII value of h is 104

ASCII value of i is 105

ASCII value of j is 106

ASCII value of k is 107

ASCII value of l is 108

ASCII value of m is 109

ASCII value of n is 110

ASCII value of o is 111

ASCII value of p is 112

ASCII value of q is 113

ASCII value of r is 114

ASCII value of s is 115

ASCII value of t is 116

ASCII value of u is 117

ASCII value of v is 118

ASCII value of w is 119

ASCII value of x is 120

ASCII value of y is 121

ASCII value of z is 122

ASCII value of { is 123

ASCII value of | is 124

ASCII value of } is 125

ASCII value of ~ is 126

ASCII value of  is 127

ASCII value of Ç is 128

ASCII value of ü is 129

ASCII value of é is 130

ASCII value of â is 131

ASCII value of ä is 132

ASCII value of à is 133

ASCII value of å is 134

ASCII value of ç is 135

ASCII value of ê is 136

ASCII value of ë is 137

ASCII value of è is 138

ASCII value of ï is 139

ASCII value of î is 140

ASCII value of ì is 141

ASCII value of Ä is 142

ASCII value of Å is 143

ASCII value of É is 144

ASCII value of æ is 145

ASCII value of Æ is 146

ASCII value of ô is 147

ASCII value of ö is 148

ASCII value of ò is 149

ASCII value of û is 150

ASCII value of ù is 151

ASCII value of ÿ is 152

ASCII value of Ö is 153

ASCII value of Ü is 154

ASCII value of ¢ is 155

ASCII value of £ is 156

ASCII value of ¥ is 157

ASCII value of ₧ is 158

ASCII value of ƒ is 159

ASCII value of á is 160

ASCII value of í is 161

ASCII value of ó is 162

ASCII value of ú is 163

ASCII value of ñ is 164

ASCII value of Ñ is 165

ASCII value of ª is 166

ASCII value of º is 167

ASCII value of ¿ is 168

ASCII value of ⌐ is 169

ASCII value of ¬ is 170

ASCII value of ½ is 171

ASCII value of ¼ is 172

ASCII value of ¡ is 173

ASCII value of « is 174

ASCII value of » is 175

ASCII value of ░ is 176

ASCII value of ▒ is 177

ASCII value of ▓ is 178

ASCII value of │ is 179

ASCII value of ┤ is 180

ASCII value of ╡ is 181

ASCII value of ╢ is 182

ASCII value of ╖ is 183

ASCII value of ╕ is 184

ASCII value of ╣ is 185

ASCII value of ║ is 186

ASCII value of ╗ is 187

ASCII value of ╝ is 188

ASCII value of ╜ is 189

ASCII value of ╛ is 190

ASCII value of ┐ is 191

ASCII value of └ is 192

ASCII value of ┴ is 193

ASCII value of ┬ is 194

ASCII value of ├ is 195

ASCII value of ─ is 196

ASCII value of ┼ is 197

ASCII value of ╞ is 198

ASCII value of ╟ is 199

ASCII value of ╚ is 200

ASCII value of ╔ is 201

ASCII value of ╩ is 202

ASCII value of ╦ is 203

ASCII value of ╠ is 204

ASCII value of ═ is 205

ASCII value of ╬ is 206

ASCII value of ╧ is 207

ASCII value of ╨ is 208

ASCII value of ╤ is 209

ASCII value of ╥ is 210

ASCII value of ╙ is 211

ASCII value of ╘ is 212

ASCII value of ╒ is 213

ASCII value of ╓ is 214

ASCII value of ╫ is 215

ASCII value of ╪ is 216

ASCII value of ┘ is 217

ASCII value of ┌ is 218

ASCII value of █ is 219

ASCII value of ▄ is 220

ASCII value of ▌ is 221

ASCII value of ▐ is 222

ASCII value of ▀ is 223

ASCII value of α is 224

ASCII value of ß is 225

ASCII value of Γ is 226

ASCII value of π is 227

ASCII value of Σ is 228

ASCII value of σ is 229

ASCII value of µ is 230

ASCII value of τ is 231

ASCII value of Φ is 232

ASCII value of Θ is 233

ASCII value of Ω is 234

ASCII value of δ is 235

ASCII value of ∞ is 236

ASCII value of φ is 237

ASCII value of ε is 238

ASCII value of ∩ is 239

ASCII value of ≡ is 240

ASCII value of ± is 241

ASCII value of ≥ is 242

ASCII value of ≤ is 243

ASCII value of ⌠ is 244

ASCII value of ⌡ is 245

ASCII value of ÷ is 246

ASCII value of ≈ is 247

ASCII value of ° is 248

ASCII value of ∙ is 249

ASCII value of · is 250

ASCII value of √ is 251

ASCII value of ⁿ is 252

ASCII value of ² is 253

ASCII value of ■ is 254

ASCII value of   is 255

For list of all c programming interviews / viva question and answers visit: C Programming Interview / Viva Q&A List

For full C programming language free video tutorial list visit:C Programming: Beginner To Advance To Expert

progress Element: HTML5

Lets look at the progress element of HTML5.

progress-element-html5-progress-bar

You could implement this progress element of HTML5 with the file upload or the user form filling etc, to indicate the amount of upload or the profile completion.

HTML file
index.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

< !DOCTYPE html>
<html>
<head>
<title>progress Element: HTML5</title>
<link href="myStyle.css" rel="stylesheet"/>
</head>
<body>
 
<form>
<label>Progress: </label>
 <progress value="50" max="100">50%</progress>
</form>
 
</body>
</html>

Here we have a progress element, with 100 as max and 50 as it’s value. This way, the progress bar indicates that the progress is 50% complete. Also there is a text between the progress tag, which is used as a fall back text for browsers which do not yet support progress element of HTML5.

CSS file associated with this is same as present at pattern and title Attribute of Form Field: HTML5

progress element – progress bar: HTML5


[youtube https://www.youtube.com/watch?v=s1tfYfCpZx8]

YouTube Link: https://www.youtube.com/watch?v=s1tfYfCpZx8 [Watch the Video In Full Screen.]



Change the number present in value and max attribute and look at the visual effect/indication of the progress on the browser.

Note: In real time application development, you could fetch the numbers for value and max attribute dynamically using JavaScript. This way, the effects will be real and it creates the illusion that the progress is being made!

number Input Type: HTML5

number input type indicates that the input field is used for entering numbers.

form-input-type-number-type-html5

Advantages of using number input type:
1. Browsers which support HTML5, provides useful user interface enhancement by providing up and down arrow/tickers to increment and decrement the number.
2. You get a customized keyboard which is optimized for numeric inputs on mobile devices which supports number input type.
3. Using attributes like min, max and step, you can have more control. You can specify the minimum, maximum values the field takes and also you can specify the step for incrementing and decrementing the number using arrow marks.
4. Basic validation to check if the user entered numeric value or not.

HTML file
index.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

< !DOCTYPE html>
<html>
<head>
<title>number Input Type: HTML5</title>
<link href="myStyle.css" rel="stylesheet" />
</head>
<body>
 
<form>
<label for="no">Number: </label>
 <input name="no" type="number" value="5" min="2.0" max="10.0" step="0.2" />
 <input type="submit"/>
</form>
 
</body>
</html>

Here we have a number input type, with minimum allowed value of 2.0 and a maximum allowed value of 10.0 and a step of 0.2 (fraction).

CSS file associated with this is same as present at pattern and title Attribute of Form Field: HTML5

Form Input Type – number: HTML5


[youtube https://www.youtube.com/watch?v=rIiIfqS8190]

YouTube Link: https://www.youtube.com/watch?v=rIiIfqS8190 [Watch the Video In Full Screen.]



Note: Browsers which do not support number input type, simply fall back to text input type, so you can go ahead and implement number input type in your projects without worrying. It’s a good practice to even validate the code at server-side, since browsers can be easily tricked and wrong entries can be made using form elements.

Fetch JSON Data Using jQuery AJAX Method: getJSON

Video tutorial illustrates fetching of JSON data using jQuery AJAX method, getJSON
Since its an AJAX method, the data is fetched without the need for refresh of the browser.

HTML code
index.html

1
2
3
4
5
6
7
8
9
10
11
12

<html>
<head><title>JSON jQuery AJAX</title></head>
<body>
 
<ul></ul>
 
<button>Users</button>
 
<script src="script/jquery-1.8.1.min.js" type="text/javascript"></script>
<script src="script/my_script.js" type="text/javascript"></script>
</body>
</html>

Here we have a unordered list, without any list items in it. We’ll be fetching the list items from the JSON file using jQuery.
A button, clicking upon which we would fetch the Data inside jSON file.

JSON File
json_data.json

1
2
3
4
5
6
7
8
9
10
11
12
13
14

{
   "p1": { 
           "name": "Satish",
          "age":   25,
          "company": "Techntoip"
         },
 
 
   "p2": {
           "name": "Kiran",
          "age":   28,
          "company": "Oracle"   
         }   
}

Starts with a opening brace and ends with a opening brace.
In our example, we have taken two objects.
p1 and p2 are keys. It’s values are present inside opening and closing brace.
Each object has name, age and company info.

Also watch: Objects, Arrays: JSON Using jQuery.

jQuery Code
my_script.js

1
2
3
4
5
6
7

$("button").click( function() {
 $.getJSON( "json_data.json", function(obj) { 
  $.each(obj, function(key, value) { 
         $("ul").append("<li>"+value.name+"</li>");
  });
 });
});

Once the user clicks on the button, we invoke $.getJSON method.
First parameter we are passing is the URL of the json file. Next the call back function.

The call back function receives the jSON data which we have called as obj in our example.
Using $.each() method we iterate through all the objects present in our json file and then split them into key => value pair.

Now using the value we fetch the name present inside each objects value.

Video Tutorial: Fetch JSON Data Using jQuery AJAX Method: getJSON


[youtube https://www.youtube.com/watch?v=pe6keTE9LbE]

YouTube Link: https://www.youtube.com/watch?v=pe6keTE9LbE [Watch the Video In Full Screen.]




jSON & Database
We can generate jSON data out of a database and then fetch it using jQuery and display it on our web browser without the need for the modification of any code.
Whenever the json file or the database table data gets updated/modified, it instantly reflects on our web application.

Note:
You must open the file from a server. localhost works file too.
If you access the files directly from your computer folder, this application doesn’t work. So the files MUST be on a server.

Objects, Arrays: JSON Using jQuery

Video tutorial illustrates the basics of JSON: Create Object, Arrays, Access Elements, Modify/Update the value etc.

JSON full form: JavaScript Object Notation.

JSON is a lightweight data-interchange format.
It’s easy for humans to read and write.
It’s easy for machines to parse and generate.
So it’s more efficient at transferring data than XML.

HTML code
index.html

1
2
3
4
5
6
7
8
9
10

<html>
<head><title>JSON and jQuery!</title></head>
<body>
 
<ul></ul>
 
<script src="script/jquery-1.8.1.min.js" type="text/javascript"></script>
<script src="script/my_script.js" type="text/javascript"></script>
</body>
</html>

We have a simple HTML structure, with a unorder list.
We’ll fill the list items from the JSON data using jQuery.

JSON and jQuery
my_script.js

1
2
3
4
5
6
7
8
9
10
11
12

$(document).ready( function() {
 
 var v1 = { "name": "Satish", "age": 25, "company": "Technotip IT Solutions" };
 var v2 = { "name": "Kiran", "age": 28, "company": "Oracle" };
 
 var obj = { "obj1": v1, "obj2": v2};
 
 var v3 = { "companies": [ "Microsoft", "Apple", "Google", "Oracle" ] };
 
  $("ul").append("<li>"+obj["obj1"]["name"]+"</li>");
  $("ul").append("<li>"+v3.companies[0]+"</li>");
});

Object
An object is a set of name/value pairs. An object begins with { and ends with }. Each name is followed by : (colon) and the name/value pairs are separated by , (comma).

Array
An array is an ordered collection of values. An array begins with [ and ends with ]. Values are separated by , (comma).
Values in JSON can be string, number, array, objects, Boolean values or even null.

Fetch JSon Data From Object:
Object_name.Key;

Fetch JSon Data From Array:
Object_name.array_name[index_number];

Update JSON Data:

JSON and jQuery
my_script.js

1
2
3
4
5

 var v2 = { "name": "Kiran", "age": 28, "company": "Oracle" };
  $("ul").append("<li>"+v2.company+"</li>");
 
 v2.company = "Apple";
  $("ul").append("<li>"+v2.company+"</li>");

Would output
Oracle
Apple

Similarly, we could change the value of any key of an object or an array element.

Video Tutorial: Objects, Arrays: JSON Using jQuery


[youtube https://www.youtube.com/watch?v=MK39DQabaW8]

YouTube Link: https://www.youtube.com/watch?v=MK39DQabaW8 [Watch the Video In Full Screen.]



We could nest objects inside objects or arrays inside objects or objects inside an array etc, upto any level of complexities.
This is advantages for web applications like building menus with nested items, which are fetched from database.

Since, writing and fetching and parsing of JSON data is easy, most developers have stared using JSON over XML.