DEV Community: A K I L A N

Simple Programs in python

A K I L A N — Wed, 05 Aug 2026 12:42:52 +0000

My trainer gave me 5 question to solve in python the question are look simple when we read line by line sometimes you may understand in different type but there are simple

The questions are

Five students enter the classroom one after another. The first student gets roll number 1, the second gets 2, and so on. Display the assigned roll numbers.

here the answer is

for i in range(1,6):
    print('Student -',i)
    print('Roll no:',i)

from the above

for is the keyword,
i is variable ,
in is use to itrate over the given range() or sequence
sequence given range(),list.

Remaing all three are similar pattens so i will tell the change only

for j in range(2,12,2):
    print("position: ",j)

we can change the starting number and ending number , also step between, we can give step in negative order also

----------------------------x-------------------------------------------x-------

What is Class?

Python is a object orientend language, in python every thing is object with its properties and methods
class is like a blueprint
we can create class name using** class myclass** here **Class **is the keyword
we can delete class using del class_name ** here
**del is the keyword

what is object?

A object is a real instance of a class it contains Data and Methods
data conatins attribute / variables
mean while method contains functions

Function in python

A K I L A N — Wed, 05 Aug 2026 11:46:00 +0000

Function

Function is a set of instructions with a name
A function can return data as a result
Function helps avoiding code repetation

A Function is defined by using def keyword,follwed by a function name and parenteses:

def my_function():
  print("Hello from a function")
my_function();

here def is the keyword,
my_function is the function name,
print() is also function that will give the optput to user,
my_function() will call the function;

Python contains

Type of arguments
type of function
types of variables

Team 4 - TASK

A K I L A N — Wed, 29 Jul 2026 14:03:37 +0000

Enable and diable Button

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="checkbox"  id="agree" >
    <button id="btn" disabled> submit</button>




</body>
<script>

    const input = document.getElementById("agree")
    const button = document.getElementById("btn")

    agree.addEventListener("change",fun)

    function fun() {
         if(input.checked == true)
         {
          button.disabled = false
    } else {
         button.disabled = true
    }
 }


//   agree.addEventListener("change", () =>{
//         button.disabled = !input.checked
//     });



 </script>

</html>

https://akilan46-project-bce2db.gitlab.io/Javascript/DOMTAK.js/team4

Day 3

A K I L A N — Wed, 29 Jul 2026 13:59:12 +0000

Python has a set of keywords that are reserved words that cannot be used as variable names, function names, or any other identifiers:

They Are

['False', 'None', 'True', 'and', 'as', 'assert', 'async', 'await', 'break', 'class', 'continue', 'def', 'del', 'elif', 'else', 'except', 'finally', 'for', 'from', 'global', 'if', 'import', 'in', 'is', 'lambda', 'nonlocal', 'not', 'or', 'pass', 'raise', 'return', 'try', 'while', 'with', 'yield']

Variables can store data of different types, and different types can do different things.

Text Type: str
Numeric Types: int, float, complex
Sequence Types: list, tuple, range
Mapping Type: dict
Set Types: set, frozenset
Boolean Type: bool
Binary Types: bytes, bytearray, memoryview
None Type: NoneType

Domtasks

A K I L A N — Wed, 29 Jul 2026 06:34:22 +0000

LIVE counter

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p id="dom"></p>
    <button  onclick="add()">+</button>
    <button  onclick="sub()">-</button>
    <button  onclick="start()">Reset</button>
</body>

<script>
    let i = 0;
    //  a = document.getElementById("dom")
    let task = document.getElementById("dom").textContent=i;

    function add(){
        // task++;
        // task.innertext = task++;
        // console.log(task)
        // i++;
        document.getElementById("dom").textContent=++i;

    }
    function sub(){
        // task.innertext = task--;
        // console.log(task)
        // i -=1;
        document.getElementById("dom").textContent=--i;
    }
    function start(){
        // task.innertext = 0 ;
        i = 0;
        document.getElementById("dom").innerText=i;

    }




</script>
</html>

akilan46-project-bce2db.gitlab.io

PYTHON DAY 2

A K I L A N — Tue, 28 Jul 2026 13:20:07 +0000

one of the python feature is python is simple

Difference between python2 and python3

ocusing on the following libraries and modules.

Division operator - in p2 automatically remove decimals,(p3 keeps the decimal)

print function - in p2 for print statement no bracket needed ,(p3 brackets are needed)

Unicode - in p2 string are ASCII by default,& uncicode must be defined seperated (in p3 string are unicode by defualt)

xrange - xrange is used in p2 to find number between (in p3 that hs been removed the use range pro that if we use xrange that shows error)

-Error Handling - p2 uses a comma to bind the exception( in p3 uses as keyword )

- future module - future module allows Python 2 code to adopt Python 3 features early, making migration easier.

2.What is python IDLE ?

idle(integrated development and learning Environment) is the default .lightweight (iDE) bundled directly with the Standrad python installtion

Task

A K I L A N — Tue, 28 Jul 2026 03:45:08 +0000

ON?OFF

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button id="btt" onclick="but()" > ON</button>
    <img id="light" src="https://www.w3schools.com/js/pic_bulboff.gif" alt="">
    <!-- <img src="https://www.w3schools.com/js/pic_bulbon.gif" alt=""> -->




</body>
 <script>
        function but(){
            const elemnt = document.getElementById("btt");
            const bulp = document.getElementById("light"); 


            if(elemnt.innerText == "ON"){
                elemnt.innerText="OFF";
                bulp.src = "https://www.w3schools.com/js/pic_bulbon.gif";

            }else {
                elemnt.innerText="ON";
                bulp.src = "https://www.w3schools.com/js/pic_bulboff.gif";

            }

             console.log(elemnt.innerText);


        }
    </script>
</html>

Output

akilan46-project-bce2db.gitlab.io

For each & map

A K I L A N — Mon, 20 Jul 2026 11:04:48 +0000

array.Foreach()

The foreach() methods calls a function for each element in a array,it not executed for empty elements

const number = [33,44,55,66,77]
number.forEach(value);
function value(i,j,k){
    console.log(i,j,k);
}

if we call foreach before declation in expresss & airrow function we get reference error.
the best practice is to use declaration function
this doen't return any values.if we return it will give undefined
the foreach will give values , indexnumber,and array this three values by default if we want those.
It's primarily used for executing side effects like logging to the console or modifying external variables.

array.map()

map() creates a new array from caliing function for every array element,dont execute the function for empty elements
does not change the orginial array
it returns values
same syntax as foreach

const numbers = [1, 2, 3, 4, 5];
const doubled = numbers.map(num => num * 2);
console.log(doubled); // Outputs: [2, 4, 6, 8, 10]

It's perfect for data transformation without mutating the original array.

Basic array methods

A K I L A N — Fri, 17 Jul 2026 05:06:19 +0000

Array length()

length returns the size of the array
we can also set the length of the array

Array tostring()

this returns the elements of an array as a coma separated string

Array at()

Return the value gien index value fruits.at(-2)
we using at() for negative ordersfruits.at(-2)

Array join()

this returns the same process like tostring but we set the separator

Array pop()

this removes the last elememts of the array

Array push()

this add a new elements at the last of an array

Array shift()

This remeove the first elements of an array

Array unshift()

this add thhe given elements in the first of the array

Changing Elements

we can changethe elemnts directly using index value

Array.isArray()

this check the given array is true or false

** Array delete()**

using delecte() leaves undefined at the value pop is prefered

Array concat()

in normal programming it concat to string but here it join two arrays
The concat() method does not change the existing arrays. It always returns a new array.
we can also add new elemnts using this

const arr1 = ["Emil", "Tobias", "Linus"];
const myChildren = arr1.concat("Peter");

Array copyWithin() (TBD)

Array flat() (TBD)

this will remove the given brackets

*Array splice() *

The splice() method can be used to add new items to an array:
const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
2 denotes the potion, 0 denote the value to remove

**The difference between the new toSpliced() method and the old splice() method is that the new method creates a new array, keeping the original array unchanged, while the old method altered the original array.**

Array toSpliced()

constuctor in js

A K I L A N — Fri, 17 Jul 2026 04:08:12 +0000

Constuctor

constuctor starts with captial letter
in constructor this has no value.
we can add propertiey to created object is easy variable.nationality = "English";
we can also add object to constructor object object.prototype.nationality = "English";
constructor function also had methods

Object in js

A K I L A N — Mon, 13 Jul 2026 18:32:42 +0000

*Object *

object are varaiable which can store both values and functions
value are stores as key:valuesthis pairs is called properties.
function are stores a key:function() this pair is called a methods
key can be randomly name but values should proper
in values we can assign variables ex:caretype:type;
while in object we can use keyvaules as key or functionkeys.
we can use space in key but it should be only in string and in while print also should in string form ex:console.log(car["type"])
we can delete a particular properties use object.value ex:delete car.price
we can add properties after creating object ex:car['discount'] = 250000;
we can change the values of a properties by reassign the value ex:car.price = 5000000;
we can use function in the object and this.

Types of function

A K I L A N — Sun, 12 Jul 2026 12:52:52 +0000

Expression Function

Function expression is stored in a variable

const multiply = function(a, b) {
  return a * b;
};

the variable can be used as a function
function expression are used to create anonymous functions.
A expresion function can be assigned to a varaiable the passed a arrugument to another function and returned from function
In JavaScript, function declarations and function expression refer to different ways of defining functions, there are different in the syntax but both the works are same .

Hosting

function decleration can be called top of the function
function expression can be called after function decleration.
use function decleration in general - purpose function.
use function expression to assign a variable in another function and for callback .

*Arrow function *

Arrow function are shorten of expression function

const add = (a, b) => {
  return a + b;
};

arrow function uses the arrow symbole
This arrow function does the same thing as a regular function expression.
Arrow functions are not hoisted
Parentheses are required for zero or multiple parameters.