Tanu Nanda Prabhu Tanu-N-Prabhu

🎯

Focusing

MSc. in Computer Science | Tech and pet enthusiast | 157th most active GitHub user in Canada | Writing since June 19, 2019 |

Tanu-N-Prabhu / library.html

Created June 8, 2021 03:03

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

Tanu-N-Prabhu / javaScriptGraph.html

Created June 8, 2021 03:09

	<div class="container">
	<br>
	<br>
	<h2 align = "center">Graph Representation Is More Visually Appealing!</h2>
	<div class="form-group">
	<br>
	<label for="email"><b>Enter the values seperated by a space</b></label>
	<input type="text"class="form-control" id="num" value="10 20 30 40 50">
	<br>
	<button class="btn btn-primary btn-primary" id = "submit" onclick="draw()">Submit</button>

Tanu-N-Prabhu / resetFunction.js

Created June 8, 2021 03:12

	function reset(){

	// Clearing the input field
	var inputs = document.getElementsByTagName("input");
	for(var i=0;i<inputs.length;i++)
	inputs[i].value = '';

	// Clearing the Canvas
	var canvas = document.getElementById('myCanvas');
	var ctx = canvas.getContext('2d');

Tanu-N-Prabhu / drawFunction.js

Created June 8, 2021 03:25

	function draw(){

	// Accepting and seperating comma seperated values
	var n = document.getElementById("num").value.split(/\s/);
	console.log(n);

	var canvas = document.getElementById('myCanvas');
	var ctx = canvas.getContext('2d');
	var width= 40; // bar width
	var X = 30; // first bar position

Tanu-N-Prabhu / javaScriptGraph.html

Created June 8, 2021 03:26

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
	<title>JavaScript Graphs</title>
	</head>

Tanu-N-Prabhu / index.html

Created November 9, 2022 03:26

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<title>Digital Clock</title>
	<!--Referencing a CSS Style Sheet-->
	<link rel="stylesheet" href="./style.css">
	</head>

Tanu-N-Prabhu / style.css

Created November 9, 2022 03:32