Coding_vieb

@coding_vieb

Welcome to coding_vieb
I will keep providing you the source code here, so keep subscribing to the channel.

Coding_vieb (English)

Are you a coding enthusiast looking to enhance your skills and knowledge in programming? Look no further, as 'Coding_vieb' is here to provide you with a treasure trove of source code to help you on your coding journey. Whether you're a beginner looking to learn the basics or an experienced programmer seeking to delve into advanced topics, this Telegram channel has something for everyone.

'Coding_vieb' is a dedicated channel curated by passionate developers who are committed to sharing their expertise and insights with the programming community. With regular updates and a wide range of programming languages covered, you can stay ahead of the curve and expand your coding repertoire. From Python and Java to HTML and CSS, the channel offers a diverse collection of source code snippets, tutorials, and resources to aid you in your coding projects.

By subscribing to 'Coding_vieb', you gain access to a supportive community of fellow coders who are eager to learn and grow together. Share your ideas, ask questions, and collaborate with like-minded individuals who share your passion for coding. With a friendly and engaging environment, you can connect with others who can provide valuable feedback and guidance to help you improve your coding skills.

So, what are you waiting for? Join 'Coding_vieb' today and take your coding skills to the next level. Let's code, learn, and grow together on this exciting programming journey. Welcome to coding_vieb! I will keep providing you the source code here, so keep subscribing to the channel.

Coding_vieb

02 Feb, 01:53

is someone alive

1,098

Coding_vieb

31 Jan, 08:00

Connect me. On LinkedIn

1,264

Coding_vieb

31 Jan, 08:00

https://www.linkedin.com/in/chetan-sharma-584629264?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app

1,215

Coding_vieb

28 Jan, 02:24

Free Online Courses with Certifications - The Digital Adda https://search.app/ZtLmQKSyocMcGDe26

1,356

Coding_vieb

25 Jan, 12:46

https://ig.me/j/AbZlkx5Bjo1DOUlg/?igsh=dTV0OHU3NGJqNmlw

1,224

Coding_vieb

25 Jan, 09:03

* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
background-color: #000000;
}
.clr-orange,
.clr-white,
.clr-green {
height: 33.33vh;
width: 0;
position: absolute;
animation: grow 2s forwards;
}
.clr-orange {
background: linear-gradient(to bottom, #ff8011, #ffae4a);
top: 0;
left: 0;
}
.clr-white {
background: #ffffff;
top: 33.33vh;
right: 0;
}
.clr-green {
background: linear-gradient(to bottom, #75fc3b, #46ad1b);
bottom: 0;
left: 0;
}
@keyframes grow {
100% {
width: 100vw;
}
}
.ashoka-chakra {
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
width: 0;
animation: spin 3s 2s linear infinite;
}
@keyframes spin {
0% {
width: 30vmin;
}
100% {
width: 30vmin;
transform: translate(-50%, -50%) rotate(360deg);
}
}

1,060

Coding_vieb

25 Jan, 02:54

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Happy Republic Day</title>

<link rel="stylesheet" href="best.css" />
</head>
<body>
<div class="clr-orange"></div>
<div class="clr-white"></div>
<div class="clr-green"></div>
<img class="ashoka-chakra" src="https://static.vecteezy.com/system/resources/previews/019/767/958/non_2x/ashok-chakra-logo-ashok-chakra-icon-transparent-free-png.png" />
</body>
</html>

856

Coding_vieb

24 Jan, 15:42

Make your account on this website

769

Coding_vieb

24 Jan, 15:42

Best earing website genuine trustable

832

Coding_vieb

24 Jan, 15:41

https://traveltor.io/profile

961

Coding_vieb

24 Jan, 15:12

Happy republic day

1,190

Coding_vieb

24 Jan, 15:10

Code available

830

Coding_vieb

23 Jan, 10:46

Coding upload kar de frr

842

Coding_vieb

23 Jan, 10:45

New member

764

Coding_vieb

01 Jan, 03:10

https://www.instagram.com/official_chetan_1232/profilecard/?igsh=azNjbHpyaHF3dmlk

784

Coding_vieb

31 Dec, 15:46

Only 20 people left in 500 members

880

Coding_vieb

31 Dec, 15:45

Join over broadcast channel

885

Coding_vieb

31 Dec, 15:45

https://ig.me/j/AbYwHk6q_ITUTB8M/?igsh=cjJ3dGFsaG1iMXBi

885

Coding_vieb

30 Dec, 15:26

bottom: 10px;
display: flex;
justify-content: center;
}
.watermark h1 {
font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
font-size: 15px;
}

1,045

Coding_vieb

30 Dec, 15:26

@import url("https://fonts.googleapis.com/css?family=Poppins:300,400");

body {
margin: 0;
margin-top: -20px;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
overflow: hidden;
font-family: "Poppins", sans-serif;
}

.loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
z-index: 15;
animation: fadeout 11s linear forwards;
}

.loading h2 {
color: #000;
}

.loading .bar {
position: relative;
width: 400px;
height: 40px;
background: transparent;
margin: 0 20px;
border: 2px solid #000;
box-sizing: border-box;
}

.loading .bar:after {
content: "Loading...";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 10px;
text-align: center;
line-height: 36px;
color: #fff;
font-size: 20px;
mix-blend-mode: difference;
}

.loading .bar:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
transform-origin: left;
animation: animate 10s linear forwards;
}

.center {
position: relative;
width: 400px;
}

.center div {
position: relative;
margin: -30px 0;
height: 100px;
z-index: 2;
transform: skewY(-5deg);
display: flex;
justify-content: center;
align-items: center;
}
.center div:nth-child(2),
.center div:nth-child(4) {
transform: skewY(14.5deg);
z-index: 1;
}
.center div:nth-child(4) {
transform: skewY(25deg);
transform-origin: left;
top: -52px;
}

.center div:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
}
.center div:nth-child(1):before,
.center div:nth-child(3):before {
background: linear-gradient(-160deg, #ff0058, #673ab7);
transform: scaleX(0);
}

.center div:nth-child(2):before,
.center div:nth-child(4):before {
background: linear-gradient(-20deg, #ff0058, #673ab7);
transform: scaleX(0);
}
.center div:nth-child(1):before {
backface-visibility: hidden;
animation: animate 1s linear forwards;
transform-origin: right;
animation-delay: 12s;
}

.center div:nth-child(2):before {
backface-visibility: hidden;
animation: animate 1s linear forwards;
transform-origin: left;
animation-delay: 13s;
}

.center div:nth-child(3):before {
backface-visibility: hidden;
animation: animate 1s linear forwards;
transform-origin: right;
animation-delay: 14s;
}

.center div:nth-child(4):before {
backface-visibility: hidden;
animation: animate 1s linear forwards;
transform-origin: left;
animation-delay: 15s;
width: 60%;
left: 0;
}

.center div:nth-child(1):after,
.center div:nth-child(3):after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
background: rgba(29, 0, 14, 0.1);
}

.center div h2 {
position: relative;
margin: 0;
padding: 0;
z-index: 10;
opacity: 0;
color: #fff;
}

.center div:nth-child(1) h2 {
animation: fadeText 0.5s linear forwards;
animation-delay: 13s;
font-size: 40px;
}

.center div:nth-child(3) h2 {
animation: fadeText 0.5s linear forwards;
animation-delay: 15s;
font-size: 90px;
font-weight: bold;
}

@keyframes animate {
0% {
transform: scaleX(0);
}
100% {
transform: scaleX(1);
}
}

@keyframes fadeText {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

@keyframes fadeout {
0%,
91% {
opacity: 1;
visibility: visible;
}
100% {
opacity: 0;
visibility: hidden;
}
}

body {
background-color: black;
text-align: center;

color: white;
font-size: 40px;
font-weight: bold;
}

canvas {
width: 100vw;
height: 100vh;
position: absolute;
top: 0;
left: 0;
}

h1 {
color: white;
font-size: 40px;
}
.watermark {
position: absolute;

829

Coding_vieb

30 Dec, 15:26

this.y += vy;
}
};

// draw firework
Firework.prototype.draw = function () {
ctx.beginPath();
// move to the last tracked coordinate in the set, then draw a line to the current x and y
ctx.moveTo(
this.coordinates[this.coordinates.length - 1][0],
this.coordinates[this.coordinates.length - 1][1]
);
ctx.lineTo(this.x, this.y);
ctx.strokeStyle = "hsl(" + hue + ", 100%, " + this.brightness + "%)";
ctx.stroke();

ctx.beginPath();
// draw the target for this firework with a pulsing circle
ctx.arc(this.tx, this.ty, this.targetRadius, 0, Math.PI * 2);
ctx.stroke();
};

// create particle
function Particle(x, y) {
this.x = x;
this.y = y;
// track the past coordinates of each particle to create a trail effect, increase the coordinate count to create more prominent trails
this.coordinates = [];
this.coordinateCount = 5;
while (this.coordinateCount--) {
this.coordinates.push([this.x, this.y]);
}
// set a random angle in all possible directions, in radians
this.angle = random(0, Math.PI * 2);
this.speed = random(1, 10);
// friction will slow the particle down
this.friction = 0.999;
// gravity will be applied and pull the particle down
this.gravity = 1;
// set the hue to a random number +-20 of the overall hue variable
this.hue = random(hue - 20, hue + 20);
this.brightness = random(50, 80);
this.alpha = 1;
// set how fast the particle fades out
this.decay = random(0.015, 0.03);
}

// update particle
Particle.prototype.update = function (index) {
// remove last item in coordinates array
this.coordinates.pop();
// add current coordinates to the start of the array
this.coordinates.unshift([this.x, this.y]);
// slow down the particle
this.speed *= this.friction;
// apply velocity
this.x += Math.cos(this.angle) * this.speed;
this.y += Math.sin(this.angle) * this.speed + this.gravity;
// fade out the particle
this.alpha -= this.decay;

// remove the particle once the alpha is low enough, based on the passed in index
if (this.alpha <= this.decay) {
particles.splice(index, 1);
}
};

// draw particle
Particle.prototype.draw = function () {
ctx.beginPath();
// move to the last tracked coordinates in the set, then draw a line to the current x and y
ctx.moveTo(
this.coordinates[this.coordinates.length - 1][0],
this.coordinates[this.coordinates.length - 1][1]
);
ctx.lineTo(this.x, this.y);
ctx.strokeStyle =
"hsla(" +
this.hue +
", 100%, " +
this.brightness +
"%, " +
this.alpha +
")";
ctx.stroke();
};

// create particle group/explosion
function createParticles(x, y) {
// increase the particle count for a bigger explosion, beware of the canvas performance hit with the increased particles though
var particleCount = 325;
while (particleCount--) {
particles.push(new Particle(x, y));
}
}

// main demo loop
function loop() {
// this function will run endlessly with requestAnimationFrame
requestAnimFrame(loop);

// increase the hue to get different colored fireworks over time
hue += 0.7;

// normally, clearRect() would be used to clear the canvas
// we want to create a trailing effect though
// setting the composite operation to destination-out will allow us to clear the canvas at a specific opacity, rather than wiping it entirely
ctx.globalCompositeOperation = "destination-out";
// decrease the alpha property to create more prominent trails
ctx.fillStyle = "rgba(0, 0, 0, 0.5)";
ctx.fillRect(0, 0, cw, ch);
// change the composite operation back to our main mode
// lighter creates bright highlight points as the fireworks and particles overlap each other
ctx.globalCompositeOperation = "lighter";

// loop over each fire

456

Coding_vieb

30 Dec, 15:26

work, draw it, update it
var i = fireworks.length;
while (i--) {
fireworks[i].draw();
fireworks[i].update(i);
}

// loop over each particle, draw it, update it
var i = particles.length;
while (i--) {
particles[i].draw();
particles[i].update(i);
}

// launch fireworks automatically to random coordinates, when the mouse isn't down
if (timerTick >= timerTotal) {
if (!mousedown) {
// start the firework at the bottom middle of the screen, then set the random target coordinates, the random y coordinates will be set within the range of the top half of the screen
fireworks.push(
new Firework(cw / 2, ch, random(0, cw), random(0, ch / 2))
);
timerTick = 0;
}
} else {
timerTick++;
}

// limit the rate at which fireworks get launched when mouse is down
if (limiterTick >= limiterTotal) {
if (mousedown) {
// start the firework at the bottom middle of the screen, then set the current mouse coordinates as the target
fireworks.push(new Firework(cw / 500, ch, mx, my));
limiterTick = 0;
}
} else {
limiterTick++;
}
}

//2025 coding project

// launch fireworks automatically to random coordinates, when the mouse isn't down
if (timerTick >= timerTotal) {
if (!mousedown) {
// start the firework at the bottom middle of the screen, then set the random target coordinates, the random y coordinates will be set within the range of the top half of the screen
fireworks.push(
new Firework(cw / 2, ch, random(0, cw), random(0, ch / 2))
);
timerTick = 0;
}
} else {
timerTick++;
}
if(2024==2025){
console.log("2025 is here");
}

// mouse event bindings
// update the mouse coordinates on mousemove
canvas.addEventListener("mousemove", function (e) {
mx = e.pageX - canvas.offsetLeft;
my = e.pageY - canvas.offsetTop;
});

// toggle mousedown state and prevent canvas from being selected
canvas.addEventListener("mousedown", function (e) {
e.preventDefault();
mousedown = true;
});

canvas.addEventListener("mouseup", function (e) {
e.preventDefault();
mousedown = false;
});

// once the window loads, we are ready for some fireworks!
window.onload = loop;

485

Coding_vieb

30 Dec, 15:26

// when animating on canvas, it is best to use requestAnimationFrame instead of setTimeout or setInterval
// not supported in all browsers though and sometimes needs a prefix, so we need a shim
window.requestAnimFrame = (function () {
return (
window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
function (callback) {
window.setTimeout(callback, 1000 / 60);
}
);
})();

// now we will setup our basic variables for the demo
var canvas = document.getElementById("canvas"),
ctx = canvas.getContext("2d"),
// full screen dimensions
cw = window.innerWidth,
ch = window.innerHeight,
// firework collection
fireworks = [],
// particle collection
particles = [],
// starting hue
hue = 120,
// when launching fireworks with a click, too many get launched at once without a limiter, one launch per 5 loop ticks
limiterTotal = 5,
limiterTick = 0,
// this will time the auto launches of fireworks, one launch per 80 loop ticks
timerTotal = 75,
timerTick = 0,
mousedown = false,
// mouse x coordinate,
mx,
// mouse y coordinate
my;

// set canvas dimensions
canvas.width = cw;
canvas.height = ch;

// now we are going to setup our function placeholders for the entire demo

// get a random number within a range
function random(min, max) {
return Math.random() * (max - min) + min;
}

// calculate the distance between two points
function calculateDistance(p1x, p1y, p2x, p2y) {
var xDistance = p1x - p2x,
yDistance = p1y - p2y;
return Math.sqrt(Math.pow(xDistance, 2) + Math.pow(yDistance, 2));
}

// create firework
function Firework(sx, sy, tx, ty) {
// actual coordinates
this.x = sx;
this.y = sy;
// starting coordinates
this.sx = sx;
this.sy = sy;
// target coordinates
this.tx = tx;
this.ty = ty;
// distance from starting point to target
this.distanceToTarget = calculateDistance(sx, sy, tx, ty);
this.distanceTraveled = 0;
// track the past coordinates of each firework to create a trail effect, increase the coordinate count to create more prominent trails
this.coordinates = [];
this.coordinateCount = 2;
// populate initial coordinate collection with the current coordinates
while (this.coordinateCount--) {
this.coordinates.push([this.x, this.y]);
}
this.angle = Math.atan2(ty - sy, tx - sx);
this.speed = 5;
this.acceleration = 500;
this.brightness = random(50, 70);
// circle target indicator radius
this.targetRadius = 1;
}

// update firework
Firework.prototype.update = function (index) {
// remove last item in coordinates array
this.coordinates.pop();
// add current coordinates to the start of the array
this.coordinates.unshift([this.x, this.y]);

// cycle the circle target indicator radius
if (this.targetRadius < 8) {
this.targetRadius += 0.3;
} else {
this.targetRadius = 1;
}

// speed up the firework
this.speed *= this.acceleration;

// get the current velocities based on angle and speed
var vx = Math.cos(this.angle) * this.speed,
vy = Math.sin(this.angle) * this.speed;
// how far will the firework have traveled with velocities applied?
this.distanceTraveled = calculateDistance(
this.sx,
this.sy,
this.x + vx,
this.y + vy
);

// if the distance traveled, including velocities, is greater than the initial distance to the target, then the target has been reached
if (this.distanceTraveled >= this.distanceToTarget) {
createParticles(this.tx, this.ty);
// remove the firework, use the index passed into the update function to determine which to remove
fireworks.splice(index, 1);
} else {
// target not reached, keep traveling
this.x += vx;

470

Coding_vieb

30 Dec, 15:25

<html>

<head>
<title>Happy New Year 2025</title>
<link rel="stylesheet" href="style.css">
</head>

<body>
<main class="container">
<section class="counter"></section>
</main>
<div class="watermark">
<h1> <b style="color: #FF0058;"></b> | <b style="color: greenyellow;"></b> </h1>
</div>
<canvas id="canvas"></canvas>
<div class="loading">
<h2>2024</h2>
<div class="bar"></div>
<h2>2025</h2>
</div>
<div class="center">
<div>
<h2>Happy New Year</h2>
</div>
<div></div>
<div>
<h2>2025</h2>
</div>
<div></div>
</div>
<script src="script.js"></script>
</body>

</html>

542

Coding_vieb

30 Dec, 14:25

make reactions

698

Coding_vieb

30 Dec, 10:56

I am sharing Just 10 min

772

Coding_vieb

30 Dec, 03:02

Codes uploaded karde

879

Coding_vieb

23 Dec, 06:01

Coding_vieb pinned «const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); let cw = window.innerWidth, ch = window.innerHeight; let fireworks = [], particles = [], hue = 120; let limiterTick = 0, timerTick = 0, mousedown = false, mx, my; …»

Coding_vieb

23 Dec, 06:01

Coding_vieb pinned «body{ background: linear-gradient(to bottom, #030332, #681c05); overflow:clip; height:100vh; display:flex; justify-content:center; align-items:center; } canvas{ position:fixed; inset:0; z-index:1; filter:blur(1px) …»

Coding_vieb

23 Dec, 06:01

Coding_vieb pinned «<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <h1 id="year">2025</h1> <canvas id="canvas"></canvas> <link rel="stylesheet"…»

Coding_vieb

23 Dec, 06:01

1,229

Coding_vieb

23 Dec, 06:00

body{ background: linear-gradient(to bottom, #030332, #681c05);
overflow:clip;
height:100vh;
display:flex;
justify-content:center;
align-items:center;
}
canvas{
position:fixed;
inset:0;
z-index:1;
filter:blur(1px)
}
h1{
font-family: "Rowdies", sans-serif;
font-weight: 700;
color:#ffaa;
font-size:30vw;
margin:auto;
opacity:.8;
pointer-events:none;
user-select: none;
position:relative;
z-index:2;
animation: textShadowRotate 5s infinite linear;

}
@keyframes textShadowRotate {
0% {
text-shadow: 5px 5px 20px rgb(255, 100, 100), -5px -5px 10px rgb(0, 255, 0);
}
25% {
text-shadow: 5px -5px 10px rgb(0, 255, 255), -5px 5px 20px rgb(255, 100, 255);
}
50% {
text-shadow: -5px -5px 20px rgb(0, 0, 255), 5px 5px 10px rgb(255, 255, 0);
}
75% {
text-shadow: -5px 5px 10px rgb(255, 0, 255), 5px -5px 20px rgb(0, 255, 255);
}
100% {
text-shadow: 5px 5px 20px rgb(255, 100, 100), -5px -5px 10px rgb(0, 255, 0);
}
}

775

Coding_vieb

23 Dec, 05:59

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<h1 id="year">2025</h1>
<canvas id="canvas"></canvas>
<link rel="stylesheet" href="2k25.css" />
</head>

<body>
<script src="2k25.js"></script>
</body>
</html>

695

Coding_vieb

23 Dec, 05:45

Code upload kar Raha hu

Welcome 2k25

755

Coding_vieb

21 Dec, 01:04

How to make your own resume and CV

1,064

Coding_vieb

20 Dec, 01:21

Give one words answers of this questions

752

Coding_vieb

20 Dec, 01:21

What is DSA

747

Coding_vieb

20 Dec, 01:20

What is c

740

Coding_vieb

20 Dec, 01:20

What is python

733

Coding_vieb

20 Dec, 01:20

What is java

727

Coding_vieb

17 Nov, 15:19

SQL Concise Interview Notes.pdf Don't for to make reactions

2,228

Coding_vieb

17 Nov, 15:17

5_6147662195736973318.pdf don't forget to make reactions

2,016

Coding_vieb

17 Nov, 15:17

DSA checklist.pdf। Don't forget to press red heart and reactions

1,897

Coding_vieb

15 Nov, 16:03

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML Quiz</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
padding: 20px;
}
.quiz-container {
max-width: 600px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.question {
margin-bottom: 20px;
}
.question h3 {
margin-bottom: 10px;
}
.question input[type="radio"] {
margin-right: 10px;
}
.submit-btn {
display: block;
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.submit-btn:hover {
background-color: #45a049;
}
.result {
margin-top: 20px;
padding: 10px;
background-color: #e0ffe0;
border: 1px solid #b2d8b2;
border-radius: 5px;
}
</style>
</head>
<body>

<div class="quiz-container">
<h2>HTML Quiz</h2>
<form id="quizForm">
<div class="question">
<h3>1. What does the <a> tag define?</h3>
<label><input type="radio" name="q1" value="a"> Hyperlink</label><br>
<label><input type="radio" name="q1" value="b"> Audio</label><br>
<label><input type="radio" name="q1" value="c"> Article</label>
</div>

<div class="question">
<h3>2. Which HTML tag is used to define an unordered list?</h3>
<label><input type="radio" name="q2" value="a"> <ol></label><br>
<label><input type="radio" name="q2" value="b"> <ul></label><br>
<label><input type="radio" name="q2" value="c"> <li></label>
</div>

<div class="question">
<h3>3. What does the <title> tag do?</h3>
<label><input type="radio" name="q3" value="a"> Displays a title in the body</label><br>
<label><input type="radio" name="q3" value="b"> Sets the title in the browser tab</label><br>
<label><input type="radio" name="q3" value="c"> Defines a header section</label>
</div>

<button type="button" class="submit-btn" onclick="checkAnswers()">Submit Quiz</button>
</form>

<div id="result" class="result" style="display: none;"></div>
</div>

<script>
function checkAnswers() {
const correctAnswers = {
q1: 'a',
q2: 'b',
q3: 'b'
};

let score = 0;
let totalQuestions = Object.keys(correctAnswers).length;

for (let question in correctAnswers) {
const userAnswer = document.querySelector(`input[name="${question}"]:checked`);
if (userAnswer && userAnswer.value === correctAnswers[question]) {
score++;
}
}

const resultDiv = document.getElementById('result');
resultDiv.style.display = 'block';
resultDiv.textContent = Your Score: ${score} / ${totalQuestions};
}
</script>

</body>
</html>

998

Coding_vieb

15 Nov, 15:27

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PHP Quiz</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
padding: 20px;
}
.quiz-container {
max-width: 600px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.question {
margin-bottom: 20px;
}
.question h3 {
margin-bottom: 10px;
}
.question input[type="radio"] {
margin-right: 10px;
}
.submit-btn {
display: block;
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.submit-btn:hover {
background-color: #45a049;
}
</style>
</head>
<body>
<div class="quiz-container">
<h2>PHP Quiz - 10 Questions</h2>
<form action="quiz.php" method="POST">
<?php
// Define the questions and options
$questions = [
"What does HTML stand for?" => [
"a" => "Hyper Text Markup Language",
"b" => "Hyperlinks and Text Markup Language",
"c" => "Home Tool Markup Language"
],
"What does CSS stand for?" => [
"a" => "Cascading Style Sheets",
"b" => "Creative Style System",
"c" => "Computer Style Sheets"
],
"Which language is used for web development?" => [
"a" => "Python",
"b" => "PHP",
"c" => "JavaScript"
],
"What does PHP stand for?" => [
"a" => "Personal Hypertext Processor",
"b" => "Preprocessor Hypertext",
"c" => "PHP: Hypertext Preprocessor"
],
"Which of the following is a JavaScript framework?" => [
"a" => "React.js",
"b" => "Django",
"c" => "Laravel"
],
"Which tag is used to link a CSS file in HTML?" => [
"a" => "<css>",
"b" => "<style>",
"c" => "<link>"
],
"What is the correct syntax to output 'Hello World' in PHP?" => [
"a" => "echo 'Hello World';",
"b" => "print('Hello World');",
"c" => "write('Hello World');"
],
"Which of the following is not a programming language?" => [
"a" => "HTML",
"b" => "Python",
"c" => "Java"
],
"Which company developed JavaScript?" => [
"a" => "Google",
"b" => "Microsoft",
"c" => "Netscape"
],
"Which version control system is widely used for source code management?" => [
"a" => "Git",
"b" => "SVN",
"c" => "Mercurial"
]
];

// Define correct answers
$correct_answers = [
"What does HTML stand for?" => "a",
"What does CSS stand for?" => "a",
"Which language is used for web development?" => "c",
"What does PHP stand for?" => "c",
"Which of the following is a JavaScript framework?" => "a",
"Which tag is used to link a CSS file in HTML?" => "c",
"What is the correct syntax to output 'Hello World' in PHP?" => "a",
"Which of the following is not a programming language?" => "a",
"Which company developed JavaScript?" => "c",
"Which version control system is widely used for source code management?" => "a"
];

726

Coding_vieb

15 Nov, 15:27

// Display questions and options
$index = 1;
foreach ($questions as $question => $options) {
echo "<div class='question'>";
echo "<h3>Q$index: $question</h3>";
foreach ($options as $key => $value) {
echo "<label><input type='radio' name='answer$index' value='$key' required> $key) $value</label><br>";
}
echo "</div>";
$index++;
}
?>

<input type="submit" class="submit-btn" name="submit" value="Submit Quiz">
</form>

<?php
// Check the form submission
if (isset($_POST['submit'])) {
$score = 0;
$index = 1;

foreach ($correct_answers as $question => $correct_answer) {
$user_answer = $_POST["answer$index"] ?? '';
if ($user_answer === $correct_answer) {
$score++;
}
$index++;
}

echo "<h3>Your Score: $score / 10</h3>";
}
?>
</div>
</body>
</html>

873

Coding_vieb

14 Nov, 03:13

learning Java Full Stack Developer Roadmap in 2024

Stage 1 – HTML
Stage 2 – CSS
Stage 3 – JavaScript
Stage 4 – Git + GitHub
Stage 5 – Build Frontend Project
Stage 6 – Java (Core Java, OOP)
Stage 7 – Build Backend Project
Stage 8 – Spring Framework (Spring Boot, MVC)
Stage 9 – RESTful APIs
Stage 10 – Databases (MySQL, PostgreSQL)
Stage 11 – Hibernate (JPA)
Stage 12 – Build Full Stack Project
Stage 13 – Testing (JUnit, Mockito)
Stage 14 – Deployment (Kubernetes)

🏆 Java Full Stack Developer 🏆

850

Coding_vieb

13 Nov, 15:24

Stay connected on LinkedIn

842

Coding_vieb

13 Nov, 15:24

https://www.linkedin.com/in/chetan-sharma-584629264?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app

918

Coding_vieb

13 Nov, 05:42

zip file also i uploaded

1,155

Coding_vieb

13 Oct, 06:26

Diwali wishing Card code upload kar dun ???

1,014

Coding_vieb

13 Oct, 06:25

Mehnat ❤️‍🔥.
.

..#coding #programming #programmer #python #developer #javascript #code #coder #technology #html #computerscience #codinglife #java #webdeveloper #tech #webdevelopment #css #software #softwaredeveloper #webdesign #linux #programmers #codingisfun #softwareengineer #php #programmingmemes #programminglife #machinelearning #development #hacking
https://www.instagram.com/reel/DBDTQtNiJ1U/?igsh=MWswcG41aHZzYnM0cA==

1,078