iCode Buzz: February 2022

Saturday 26 February 2022

Basic Hello Script in Js

BASIC JS SCRIPT

Code :

<!doctype html>

<html>

<head>

function myFunc()

{

document.getElementById("para").innerHTML =

" Hello I am Js ";

}

</script>

<style>

#btn

{

margin-left: 30%;

border: 2px solid maroon;

border-radius: 10px;

background: cyan;

color: green;

height: 30px;

}

#para

{

color: green;

}

</style>

</head>

<body>

<h2>Simpe Js script</h2>

<button type="button" id="btn" onclick="myFunc()">Click Me!

</button><br><br>

</body>

</html>

Web View :

MULTIPLE TEXT INPUTS

Code :

<!doctype html>

<html>

<head>

<title>Multiple Text inputs</title>

</head>

<body>

<h1>Pull Down Menus :</h1>

<label for="car" >Select your favourite car :

</label>

<option select>select_car

<option>Endorouver</option>

<option>Fortuner</option>

<option>Ferari</option>

<option>Lamborgini</option>

<option>Ducatti</option>

<option>Jaguar</option>

</select><br><br>

<h1>Check Boxes</h1>

<form>

<label for="vehicle">You own the vehicles :</label><br><br>

<input type="checkbox" id="vehicle3" name="vehicle"

style="margin-left: 27%;">

<label for="vehicle3">Cycle</label><br><br>

<input type="checkbox" style="margin-left: 10%;"

id="vehicle5">

<label for="vehicle5">Luxurius Car</label>

<input type="checkbox" id="vehicle6" name="vehicle"

style="margin-left: 10%;">

<label for="vehicle6">Formula-1</label><br><br>

</form>

</body>

</html>

Web View :

PASSWORD FIELD

Code :

<!doctype html>

<html>

<head>

<title>Pasword Field in Form</title>

<style>

.id

{

margin-left: 10%;

}

#login

{

margin-left: 70%;

background: skyblue;

color: black;

}

</style>

</head>

<body>

<h1>Password field and Text control :</h1>

<form>

<label for="name">Username : </label>

<input class="id" required type="text" name="loginc" maxlength="60"

id="name"

placeholder="Enter Username"><br><br>

<label for="pwd">Password :<br>(min 8 char)</label>

<input class = "id" name="loginc" type="password" required

id="pwd"

minlength="8"

maxlength="12" placeholder="password"><br><br>

<input name="loginc" type="submit" value="Log in"

id="login" onclick="alert('Its Clone!')">

</form>

</fieldset>

</body>

</html>

Web View :

FORM TAG

Code :

<!doctype html>

<html>

<head>

<style>

.input

{

//margin-top: o%;

margin-left: 30%;

}

</style>

</head>

<body>

<p>

A form is made up of fields or controls, as well as the markup neccessary to structure the form and control its presentation. The controls are the items in or manipulated by the user to indicate the state of the form. Form controls include text fields, password fields, multiple-line text fields, pop-up menus, scrolled lists, radio buttons, check boxes, and buttons. The most common element used to specify a form control is the &#60input&#62 element.

</p>

<fieldset><legend>Employee Detail</legend>

<input required class="input" id="id" type="number"

placeholder="_Enter your id_"><br><br>

<input class="input" required placeholder="Enter Name"

id="name" type="text" class="input"

maxlength="60"><br><br>

<label for="pass">Password : <label>

<input type="password" required class="input" id="pass"

maxlength="10"

placeholder="__password__" ><br><br>

<label>Choose your company</label><br>

<input id="sci-fi" name="comp" required

type="radio"><label for="sci-fi">

Marvel</label>

<input type="radio" required name="comp" id="act"

> <label

for="act">Classmate</label>

<label for="com">Fonida

</label><br><br>

<label for="dep">Choose Your department :</label>

<option selected>select</option>

<option>Element dept</option>

<option>Engineer dept</option>

<option>Logic dept</option>

</select><br><br>

<label>Your Working : </label><br><br>

<label for="office">Office</label><br><br>

<input type="submit" style="margin-left: 10%;

border:

2px solid grey; color: green; border-radius: 4px;"

value="Submit" onclick="alert('Submitted.')">

<input style="margin-left: 10%; border: 2px solid grey;

border-radius: 4px; color: red;" type="reset"

value="Reset Form">

</form>

</fieldset>

</body>

</html>

Web View :

FRAME TAG

Code :

<!doctype html>

<html>

<head>

<title>iframe tag</title>

</head>

<body>

<h1>iframe in HTML :</h1>

<p>An HTML Frame is a window like content, we can add an Frame to our website using the &#60iframe&#62 tag instead of &#60body&#62 tag.

</p>

<p><b>Syntax :</b></p>

<p>&#60iframe src = &#34Website URL&#34 ...attributes... /&#62

<p><b>Example :</b></p>

</body>

</html>

Web View :

TABLE TAG

Code :

<!doctype html>

<html>

<head>

<title>Table Tag</title>

</head>

<body>

<h1>Tables in HTML</h1>

<p>

A table represents information in a tabular way, like a spreadsheet: distributed across a grid of rows and colums. Web-based tables have also become a common way to create document layout and design. But unlike printed tables, HTML tables can contain information that is dynamic, or interactive, such as the results of a database query. A table is dynamically generated using the template and the results of a particular database query. Taken together, these capabilities make tables one of HTML's most useful and sophisticated resources.

</p>

<p><b>Example :</b></p>

<thead>

<caption>Employee data</caption>

<tr>

<th>Employee ID</th>

<th>Name of Emplyee</th>

<th>Salary</th>

</tr>

</thead>

<tbody>

<tr>

</tr>

<tr>

<td>Tim Bernee Lee</td>

</tr>

<tr>

<td>Charles Babbage</td>

</tr>

</tbody>

</table>

</body>

</html>

Web View :

IMAGE HYPERLINK

Code :

<!doctype html>

<html>

<head>

<title>Using Image as a link</title>

</head>

<body>

<h1>Image as a link</h1>

<p>We can creat an link with image tag and the image will be work like a link.</p>

<p>click on below image to go to my blog,</p>

</body>

</html>

Web View :

IMAGE TAG

Code :

<!doctype html>

<html>

<head>

<title>Image Tag</title>

</head>

<body>

<h1>Insert Image</h1>

<p>

You can insert any image in your web page by using &#60img&#62 tag. Following is the simple syntax to use this tag.<br><br>

&#60img src = &#34Image URL&#34 ...attributes... /&#62

</p>

<p>

The &#60img&#62 tag is an empty tag, which means that, it can contain only list of attributes and it has no closing tag.

</p>

<p><b>Example :</b></p>

</body>

</html>

Web View :

EMAIL HYPERLINK

Code :

<!doctype html>

<html>

<head>

<title>Creating Email hyperlink</title>

</head>

<body>

<h1>HTML Email Tag (mailto: ) :</h1>

<p>

HTML &#60a&#62 tag provides you option to specify an email address to send an email. While using &#60a&#62 tag as an email tag, you will use <b>malto: email addresss</b> along with <i>href</i> attribute. Following is the syntax of using <b>mailto</b> instead of using http.

</p>

<p><b>Syntax :</b><br><br>

&#60a href = &#34mailto: abc@example.com&#34 &#62Send Email&#60/a&#62

</p>

<p>

Now, if a user clicks this link, it launches one Email Client (like Lotus Notes, Outlook Express etc.) installed on your user's computer then it would not be possible to send email.

</p>

<p><b>Example :</b></p>

<p>click below link to send mail,<br>

<a href="mailto: kraftontony@gmail.com"><tt>" Write Mail To Me!</tt></a>

</body>

</html>

Web View :

ANCHOR TAG

Code :

<!doctype html>

<html>

<head>

<title>Anchor Tag</title>

</head>

<body>

<h1>Anchor tag &#60a&#62:</h1>

<p>A webpage can contain various links that take you directly to other pages and even specific parts of a given page. These links are known as hyperlinks.<br><br>

Hyperlinks allow visitors to navigate between Web sites by clicking on words, phrases and images. Thus you can create hyperlinks

using text or images available on a webpage.

</p>

<p><b>Example :</b></p>

<p>Click below link to go to my blog,</p>

<a href="https://icodebuzz.blogspot.com"><b>iCodeBuzz</b></a>

</body>

</html>

Web View :

MARQUEE TAG

Code :

<!doctype html>

<html>

<head>

<title>The marquee tag</title>

</head>

<body>

<h1>The marquee tag</h1>

<p>The HTML &#60marquee&#62 tag is used for scrolling piece of text or image displayed either horizontally across or vertically down your web site page depending on the settings.

</p>

<p><b>Example :</b></p>

<marquee scrolldelay="100" direction="left" bgcolor="cyan" >This is basic example of marquee</marquee>

The marquee text with the up direction..

</marquee>

</body>

</html>

Web View :

ADDRESS TAG

Code :

<!doctype html>

<html>

<head>

<title>Address Tag</title>

</head>

<body>

<h1>Address Tag in HTML</h1>

<p>The HTML &#60address&#62 tag is used for indicating an address. The address usually renders in italic.

</p>

<p><b>Example :</b></p>

512 Yousuf Apartments<br>

Maqdum city,<br>

Parbhani - 431401<br>

</address>

</body>

</html>

Web View :

FONT TAG

Code :

<!doctype html>

<html>

<head>

</head>

<body>

<p>Fonts play a very important role in making a website more user friendly and increasing content readibility. Font face and color depends on the computer and browser that is being used to view your page but you can use HTML tag to add style, size, and color to the text on your website. You can use a tag to set all of your text to the same size, face, and color. The font tag is having three attributes called size, color, and face to customize your fonts. To change any of the font attributes at any time within your webpage simply use the tag. The text that follows will remain changed until you close with the tag. You can change one or all of the font attributes within one tag.

</p>

<p>You can set content font size using<b>size</b> attribute. The range of accepted values is from 1 (smallest) to 7 (largest). The default size of a font is 3.

</p>

<p><b>Example : </b></p>

<h3><u>Relative Font Size</u></h3>

<p><b>Example :</b></p>

<h3><u>Setting Font Face</u></h3>

<p><b>Example :</b></p>

<font face="Times New Roman" size="5">Times New Roman</

font><br>

<font face="Verdana" size="5">Verdana</font><br>

<font face="Comic sans MS" size="5">Comic sans MS</font><br>

<font face="WildWest" size="5">WildWest</font><br>

<font face="Bedrock" size="5">Bedrock</font><br>

<h3><u>Setting Font Color</u></h3>

<p><b>Example :</b></p>

<font color="deeppink">This is deep pink color text.

</font><br>

<font color="green">This is green color text.</font><br>

</body>

</html>

Web View :

SPAN TAG

Code :

<!doctype html>

<html>

<head>

</head>

<body>

<p>

The HTML &#60span&#62 tag is used for grouping and applying styles to inline elements.<br><br>

There is a difference between the span tag and the div tag. The span tag is used with inline elements while div tag is used with block-level content.

</p>

<p>This is a paragraph <span style="color:green;">of span tag.</span>

</body>

</html>

WEB VIEW :

DIV TAG

Code :

<!doctype html>

<html>

<head>

</head>

<body>

<p>

The HTML &#60div&#62 tag is used for defining a section of your document. With the div tag, you can group large sections of HTML elements together and format them with CSS.<br><br>

The difference between the div tag and the span tag is that the div tag is used with block-level elements while the span tag is used wth inline elements.

</p>

<div>

<p><b>Example : </b></p>

<p>Welcome to our blog. We provide tutorials on various subjects.</p>

</div>

</body>

</html>

WEB VIEW :

PRE TAG

Code :

<!doctype html>

<html>

<head>

</head>

<body>

<p>

The HTML &#60pre&#62 tag is used for indicating preformatted text. The code tag surrounds the code being marked up.<br>

Browsers normally render pre text in a fixed-pitched font, with whitespace in tact, and without word wrap.

</p>

<pre>

This text is

in a fixed-pitch

font, and it preserves

both spaces and line breaks

</pre>

</body>

</html>

WEB VIEW :

HR TAG

Code :

<!doctype html>

<html>

<head>

</head>

<body>

<p>Horizontal lines are used to visually break-up sections of a document. The &#60hr&#62 tag creats a line from the current position in the document to the right margin and breaks the line accordingly.

</p>

<p>TEXT BEFORE USE OF HR</p>

<hr>

<p>TEXT AFTER USE OF HR</p>

</body>

</html>

WEB VIEW :

LIST TAG

Code :

<!doctype html>

<html>

<head>

</head>

<body>

<h2>Ordered List: </h2>

<h3>Vegetables</h3>

<ol>

<li>Tomato</li>

<li>Potato</li>

<li>Pumpkin</li>

<li>Onion</li>

</ol>

<h2>Unordered List:</h2>

<h3>Fruits</h3>

<ul>

<li>Apple</li>

<li>Orange</li>

<li>Banana</li>

<li>Pineapple</li>

</ul>

<h2>Definition list:</h2>

<dl>

<dt>Vegetables</dt>

<dd>Vegetable are very healthy and tasty to eat. Each vegetable has its own benefits of eating. vegetable are also used to make medicines and juice.

</dd>

<dt>Fruits</dt>

<dd>Fruits are natural and very tasty and healthy to eat. Fruits are also used to make juice and its commonly people drinks it by making juice of them.

</dd>

</dl>

</body>

</html>

OUTPUT :

C Program To Calculate Percentage (%) of Marks

CALCULATE PERCENTAGE OF MARKS

Code :

#include<stdio.h>

int main()

{

float marks[5], total=0, per=0;

printf("Enter your top 5 subjects marks:\n\n");

for(int i=0; i<5; i++)

{

printf("Enter marks of subject %d: ", i+1);

scanf("%f", &marks[i]);

total += marks[i];

}

per = total/5;

printf("\nPercentage = %.2f %%\n", per);

return 0;

}

TAX CALCULATOR

( SAMPLE )

Code :

#include<stdio.h>

int main()

{

float income, tax = 0;

printf("Enter your annual income: ");

scanf("%f", &income);

if(income <= 250000)

{

printf("\nYou didn't have to pay tax.");

return 0;

}

else if(income > 250000 && income <= 500000)

{

tax = income * 0.05;

}

else if(income > 500000 && income <= 1000000)

{

tax = 25000 + ((income - 500000) * 0.20);

}

else if(income > 1000000)

{

tax = 125000 + ((income - 1000000) * 0.30);

}

printf("\nYour Income Tax to be paid is %.4f Rupees.\n", tax);

return 0;

}

MULTIPLICATION TABLE

Code :

#include<stdio.h>

int main()
{
    int num, mult;

    printf("Enter a number for multiplication table: ");
    scanf("%d", &num);

    printf("\n\t---------------------------\n");
    printf("\t Multiplication Table Of %d\n", num);
    printf("\t---------------------------\n");

    for(int i=1; i<=10; i++)
    {
        mult = num * i;
        printf("\t|    %d   x   %d   =   %d   |\n", num, i, mult);
        printf("\t---------------------------\n");

}
printf("\t---------------------------\n");

return 0;
}

AREA AND CIRCUMFERENCE OF CIRCLE

Code :

#include<stdio.h>

int main()
{
    float area, pi = 3.14159, circum, radius = 0;

    printf("Enter radius of the circle: ");
    scanf("%f", &radius);

    area = pi * radius * radius;
    circum = 2 * pi * radius;

    printf("\nArea = %.2f\n", area);
    printf("Circumference = %.2f\n", circum);
    return 0;
}

ABBREVIATION NAME

Code :

#include<stdio.h>

int main()
{
char fname[40], mname[60], lname[40];

    printf("Enter your First name : ");
    gets(fname);

    printf("Enter your Middle Name : ");
    gets(mname);

    printf("Enter your Last Name   : ");
    gets(lname);

printf("\nAbbreviation Name:\n");

printf("%c. %c. %s", fname[0], mname[0], lname);

return 0;
}

PRIME OR NOT

Code :

#include<stdio.h>

int main()
{
int n, flag = 0;

printf("Enter an positive integer: ");
scanf("%d", &n);

    if(n == 1 || n == 0)
    {
        flag = 1;
    }

    for(int i=2; i<= n/2; ++i)
    {
        if(n%i == 0)
        {
            flag = 1;
        }
    }

    if(flag == 1)
    {
        printf("\n\tNon Prime Number");
    }

    else
    {
        printf("\n\tA Prime NUmber");
    }
    return 0;
}

FAHRENHEIT TO CELSIUS

Code :

#include<stdio.h>

int main()
{
    float fah = 0, celsius;

    printf("Enter temperature in fahrenheit : ");
    scanf("%f", &fah);

    celsius = (fah - 32) * 5/9;

    printf("\nEquivalent Celsius Temperature =  %.2f\n", celsius);

return 0;
}

C Language Introduction

C Language Introduction

C is a procedural programming language. It was initially developed by Dennis Ritchie in the year 1972. It was mainly developed as a system programming language to write an operating system. The main features of the C language include low-level memory access, a simple set of keywords, and a clean style, these features make C language suitable for system programmings like an operating system or compiler development.
Many later languages have borrowed syntax/features directly or indirectly from the C language. Like syntax of Java, PHP, JavaScript, and many other languages are mainly based on the C language. C++ is nearly a superset of C language (Few programs may compile in C, but not in C++).

Beginning with C programming:

1. Structure of a C program

After the above discussion, we can formally assess the structure of a C program. By structure, it is meant that any program can be written in this structure only. Writing a C program in any other structure will hence lead to a Compilation Error.

The structure of a C program is as follows:

1. The components of the above structure are:

1. Header Files Inclusion: The first and foremost component is the inclusion of the Header files in a C program.

A header file is a file with extension .h which contains C function declarations and macro definitions to be shared between several source files.

Some of C Header files:

stddef.h – Defines several useful types and macros.
stdint.h – Defines exact width integer types.
stdio.h – Defines core input and output functions
stdlib.h – Defines numeric conversion functions, pseudo-random network generator, memory allocation
string.h – Defines string handling functions
math.h – Defines common mathematical functions

2. Main Method Declaration: The next part of a C program is to declare the main() function.

The syntax to declare the main function is:

3. Variable Declaration: The next part of any C program is the variable declaration. It refers to the variables that are to be used in the function. Please note that in the C program, no variable can be used without being declared. Also in a C program, the variables are to be declared before any operation in the function.

Example:

4. Body: The body of a function in the C program, refers to the operations that are performed in the functions. It can be anything like manipulations, searching, sorting, printing, etc.

Example:

5. Return Statement: The last part of any C program is the return statement. The return statement refers to the returning of the values from a function. This return statement and return value depend upon the return type of the function. For example, if the return type is void, then there will be no return statement. In any other case, there will be a return statement and the return value will be of the type of the specified return type.

Example:

2. Writing first program:

Following is first program in C

1. Let us analyze the program line by line.

Line 1: [ #include <stdio.h> ] In a C program, all lines that start with # are processed by a preprocessor which is a program invoked by the compiler. In a very basic term, the preprocessor takes a C program and produces another C program. The produced program has no lines starting with #, all such lines are processed by the preprocessor. In the above example, the preprocessor copies the preprocessed code of stdio.h to our file. The .h files are called header files in C. These header files generally contain declarations of functions. We need stdio.h for the function printf() used in the program.

Line 2 [ int main(void) ] There must be a starting point from where execution of compiled C program begins. In C, the execution typically begins with the first line of main(). The void written in brackets indicates that the main doesn’t take any parameter (See this for more details). main() can be written to take parameters also. We will be covering that in future posts.

The int was written before main indicates return type of main(). The value returned by main indicates the status of program termination. See this post for more details on the return type.

Line 3 and 6: [ { and } ] In C language, a pair of curly brackets define scope and are mainly used in functions and control statements like if, else, loops. All functions must start and end with curly brackets.

Line 4 [ printf(“iCodeBuzz”); ] printf() is a standard library function to print something on standard output. The semicolon at the end of printf indicates line termination. In C, a semicolon is always used to indicate end of a statement.

Line 5 [ return 0; ] The return statement returns the value from main(). The returned value may be used by an operating system to know the termination status of your program. The value 0 typically means successful termination.

C Program To Convert Octal number To Decimal number

OCTAL TO DECIMAL NUMBER CONVERTER PROGRAM

C Program To Calculate Simple Interest

CALCULATE SIMPLE INTEREST

FIND AVERAGE OF 2 NUMBER'S

SUM OF FIRST N NATURAL NUMBER'S

C Program To Find whether a given Year is LEAP YEAR or NOT

LEAP YEAR OR NOT

VOWEL OR CONSONANT

SIZE OF DATA TYPES

C Program To Find ASCII Code Value of a Character

ASCII VALUE'S

C Program to check whether a given number is Armstrong or Not

FIND IS GIVEN NUMBER ARMSTRONG OR NOT

FIND NUMBER PARITY

( Even or Odd )

C Program to find factorial of given number ( Input from user )

Find Factorial of given number

C Program to Find Greatest of 3 Numbers (By getting input from user)

Find Greatest of 3 numbers

Code :

#include<stdio.h>

int main()

{

int num1, num2, num3;

printf(“Enter three numbers:\n”);

scanf(“%d %d %d”, &num1, &num2, &num3);

if(num1 > num2 && num1 > num3)

{

printf(“Number 1 is greater”);

}

else if(num2 > num1 && num2 > num3)

{

printf(“Number 2 is greater”);

}

else if(num3 > num1 && num3 > num2)

{

printf(“Number 3 is greater”);

}

else

{

printf(“Invalid Enteries !”);

}

return 0;

}

Saturday 26 February 2022

BASIC JS SCRIPT

Code :

Web View :

MULTIPLE TEXT INPUTS

Code :

Web View :

PASSWORD FIELD

Code :

Web View :

FORM TAG

Code :

FRAME TAG

Code :

Web View :

TABLE TAG

Code :

Web View :

IMAGE HYPERLINK

Code :

Web View :

IMAGE TAG

Code :

Web View :

EMAIL HYPERLINK

Code :

Web View :

ANCHOR TAG

Code :

Web View :

MARQUEE TAG

Code :

Web View :

ADDRESS TAG

Code :

Web View :

FONT TAG

Code :

Web View :

SPAN TAG

Code :

WEB VIEW :

DIV TAG

Code :

PRE TAG

Code :

HR TAG

Code :

LIST TAG

Code :

Thursday 24 February 2022

CALCULATE PERCENTAGE OF MARKS

Code :

TAX CALCULATOR

( SAMPLE )

Code :

MULTIPLICATION TABLE

Code :

AREA AND CIRCUMFERENCE OF CIRCLE

Code :

ABBREVIATION NAME

Code :

PRIME OR NOT

Code :

FAHRENHEIT TO CELSIUS

Saturday 19 February 2022

Monday 14 February 2022

OCTAL TO DECIMAL NUMBER CONVERTER PROGRAM

Saturday 12 February 2022

CALCULATE SIMPLE INTEREST

FIND AVERAGE OF 2 NUMBER'S

SUM OF FIRST N NATURAL NUMBER'S

Friday 11 February 2022

LEAP YEAR OR NOT

VOWEL OR CONSONANT

SIZE OF DATA TYPES

Thursday 10 February 2022

ASCII VALUE'S

Wednesday 9 February 2022

FIND IS GIVEN NUMBER ARMSTRONG OR NOT