Fuel Efficiency Calculator
36 |
37 |
40 |
41 |
42 |
43 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
55 |
57 |
58 |
41 | 
42 |
44 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
--------------------------------------------------------------------------------
/dailyUseTools/morseConverter/morse.js:
--------------------------------------------------------------------------------
1 |
2 | var converter = {
3 | 'a': '.-',
4 | 'b': '-...',
5 | 'c': '-.-.',
6 | 'd': '-..',
7 | 'e': '.',
8 | 'f': '..-.',
9 | 'g': '--.',
10 | 'h': '....',
11 | 'i': '..',
12 | 'j': '.---',
13 | 'k': '-.-',
14 | 'l': '.-..',
15 | 'm': '--',
16 | 'n': '-.',
17 | 'o': '---',
18 | 'p': '.--.',
19 | 'q': '--.-',
20 | 'r': '.-.',
21 | 's': '...',
22 | 't': '-',
23 | 'u': '..-',
24 | 'v': '...-',
25 | 'w': '.--',
26 | 'x': '-..-',
27 | 'y': '-.--',
28 | 'z': '--..',
29 | '1': '.----',
30 | '2': '..---',
31 | '3': '...--',
32 | '4': '....-',
33 | '5': '.....',
34 | '6': '-....',
35 | '7': '--...',
36 | '8': '---..',
37 | '9': '----.',
38 | '0': '-----',
39 | '.': '.-.-.-',
40 | ',': '--..--',
41 | '?': '..--..',
42 | "'": '.----.',
43 | '!': '-.-.--',
44 | '/': '-..-.',
45 | '(': '-.--.',
46 | ')': '-.--.-',
47 | '&': '.-...',
48 | ':': '---...',
49 | ';': '-.-.-.',
50 | '=': '-...-',
51 | '+': '.-.-.',
52 | '-': '-....-',
53 | '_': '..--.-',
54 | '"': '.-..-.',
55 | '$': '...-..-',
56 | '@': '.--.-.',
57 | ' ': ' ',
58 | '\n': ' ',
59 | '\t': ' '
60 | }
61 |
62 | function morseConv(value) {
63 | // console.log(value);
64 | var output = '';
65 | for (var i = 0; i < value.length; i++) {
66 | if(converter[value.charAt(i)]==' ')
67 | output += '\\';
68 | else{
69 | output += converter[value.charAt(i).toLowerCase()];
70 |
71 | output += ' ';
72 | }
73 | }
74 | document.getElementById("morse").innerHTML = output;
75 | }
76 |
77 | function play(){
78 | var AudioContext = window.AudioContext || window.webkitAudioContext;
79 | var ctx = new AudioContext();
80 | var dot = 1.2 / 15;
81 | var t = ctx.currentTime;
82 |
83 | var oscillator = ctx.createOscillator();
84 | oscillator.type = "sine";
85 | oscillator.frequency.value = 600;
86 |
87 | var gainNode = ctx.createGain();
88 | gainNode.gain.setValueAtTime(0, t);
89 |
90 | document.getElementById("morse").innerHTML.split("").forEach(function(letter) {
91 | switch(letter) {
92 | case ".":
93 |
94 | gainNode.gain.setValueAtTime(1, t);
95 | t += dot;
96 | gainNode.gain.setValueAtTime(0, t);
97 | t += dot;
98 | break;
99 | case "-":
100 | gainNode.gain.setValueAtTime(1, t);
101 | t += 3 * dot;
102 | gainNode.gain.setValueAtTime(0, t);
103 | t += dot;
104 | break;
105 | case "\\":
106 | t += 7 * dot;
107 | break;
108 | case " ":
109 | t += 3 * dot;
110 | }
111 | });
112 |
113 | oscillator.connect(gainNode);
114 | gainNode.connect(ctx.destination);
115 |
116 | oscillator.start();
117 |
118 | return false;
119 | }
--------------------------------------------------------------------------------
/boilerplate.template:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
42 | Mortgage Calculator.
43 |44 |
Monthly Payment:
45 |
46 |
47 |
60 |
61 | 62 |
63 |
65 | | Mortgage Amount: | 49 |50 | |
| Interest Rate (%) : | 53 |54 | |
| Amortization Period (Years): | 57 |58 | |
61 | 62 |
63 |
Mortgage Payment: ____________
64 |
23 |
41 |
42 | `
43 | $("#entryRow").append(htmlEntry);
44 | $('#' + timestamp).on('click', function (e) {
45 | let id = e.target.id;
46 | updateEntry(id);
47 | });
48 | $('#' + timestamp + '-Delete').on('click', function (e) {
49 | let id = e.target.id.replace('-Delete', '');
50 | removeEntry(id);
51 |
52 | });
53 | }
54 |
55 | let removeEntry = (id) => {
56 |
57 | localforage.removeItem(id)
58 | .then(() => {
59 | // Do other things once the value has been saved.
60 | let entryCard = $('#' + id + '-Card');
61 | entryCard.remove();
62 | }).catch((err) => {
63 | // This code runs if there were any errors
64 | console.log(err);
65 | });
66 | }
67 |
68 |
69 | let updateEntry = (id) => {
70 | let noteBody = $('#' + id + '-Body');
71 | let noteTitle = $('#' + id + '-Title');
72 |
73 | let note = {
74 | title: noteTitle.val(),
75 | body: noteBody.val()
76 | }
77 | saveEntry(id, note);
78 | }
79 |
80 | let saveEntry = (id, entry) => {
81 |
82 | localforage.setItem(id, entry)
83 | .then((value) => {
84 | // Do other things once the value has been saved.
85 | createSavedEntry(id, entry);
86 | }).catch((err) => {
87 | // This code runs if there were any errors
88 | console.log(err);
89 | });
90 |
91 | }
92 |
93 | $('.saveNote').on('click', function () {
94 | let noteBody = $('#notesTextArea');
95 | let noteTitle = $('#noteTitle');
96 | let timestamp = new Date().getTime().toString();
97 | let note = {
98 | title: noteTitle.val(),
99 | body: noteBody.val()
100 | }
101 | noteBody.val('');
102 | noteTitle.val('');
103 | saveEntry(timestamp, note);
104 | });
105 |
106 |
107 |
--------------------------------------------------------------------------------
/dailyUseTools/compass/Compass.html:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
24 |
40 |
25 |
26 | ${creationDateString}
27 |
28 |
29 |
35 |
39 |
30 |
32 |
33 |
34 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
--------------------------------------------------------------------------------
/conversionTools/image/image.js:
--------------------------------------------------------------------------------
1 |
2 | let imageName = 'image';
3 |
4 | function readFile(input) {
5 | if (input.files && input.files[0] && input.files[0].name) {
6 | imageName = input.files[0].name;
7 | let imageLower = imageName.toLowerCase();
8 | if (imageLower.endsWith('.png') ||
9 | imageLower.endsWith('.jpg') ||
10 | imageLower.endsWith('.jpeg')) {
11 | let reader = new FileReader();
12 |
13 | reader.onload = function (e) {
14 |
15 | let isPng = false;
16 | if (imageLower.endsWith('.png')) {
17 | isPng = true;
18 | let button = $('.downloadJpg');
19 | button.removeClass('hidden');
20 | } else {
21 | let button = $('.downloadPng');
22 |
23 | button.removeClass('hidden');
24 | }
25 | const img = new Image();
26 | img.onload = function () {
27 |
28 | let canvas = document.getElementById("convertCanvas");
29 | let ctx = canvas.getContext("2d");
30 | canvas.width = this.width;
31 | canvas.height = this.height;
32 | if (isPng) {
33 | ctx.fillStyle = "white";
34 | ctx.fillRect(0, 0, canvas.width, canvas.height);
35 | }
36 | ctx.drawImage(img, 0, 0);
37 | }
38 | img.src = e.target.result
39 |
40 | let htmlPreview =
41 | '' + input.files[0].name + '
'; 43 | let wrapperZone = $(input).parent(); 44 | let previewZone = $('.preview-zone'); 45 | let boxZone = $('.preview-zone').find('.box').find('.box-body'); 46 | 47 | wrapperZone.removeClass('dragover'); 48 | previewZone.removeClass('hidden'); 49 | boxZone.empty(); 50 | boxZone.append(htmlPreview); 51 | // drawImage(); 52 | }; 53 | 54 | reader.readAsDataURL(input.files[0]); 55 | } 56 | 57 | } 58 | } 59 | 60 | 61 | function triggerDownload(imgURI, name) { 62 | let a = document.createElement('a'); 63 | a.setAttribute('download', name); 64 | a.setAttribute('href', imgURI); 65 | a.setAttribute('target', '_blank'); 66 | // a.dispatchEvent(evt); 67 | a.click(); 68 | a.remove(); 69 | } 70 | 71 | 72 | $(".dropzone").change(function () { 73 | readFile(this); 74 | }); 75 | 76 | $('.dropzone-wrapper').on('dragover', function (e) { 77 | e.preventDefault(); 78 | e.stopPropagation(); 79 | $(this).addClass('dragover'); 80 | }); 81 | 82 | $('.dropzone-wrapper').on('dragleave', function (e) { 83 | e.preventDefault(); 84 | e.stopPropagation(); 85 | $(this).removeClass('dragover'); 86 | }); 87 | 88 | $('.remove-preview').on('click', function () { 89 | let boxZone = $(this).parents('.preview-zone').find('.box-body'); 90 | let previewZone = $(this).parents('.preview-zone'); 91 | let dropzone = $(this).parents('.form-group').find('.dropzone'); 92 | boxZone.empty(); 93 | previewZone.addClass('hidden'); 94 | 95 | let jpgButton = $('.downloadJpg'); 96 | jpgButton.addClass('hidden'); 97 | 98 | let pngButton = $('.downloadPng'); 99 | pngButton.addClass('hidden'); 100 | $('#imageForm').trigger('reset'); 101 | }); 102 | 103 | $('.downloadPng').on('click', function () { 104 | let canvas = document.getElementById('convertCanvas'); 105 | let imgURI = canvas 106 | .toDataURL('image/png'); 107 | triggerDownload(imgURI, imageName) + '.png'; 108 | }); 109 | 110 | $('.downloadJpg').on('click', function () { 111 | let canvas = document.getElementById('convertCanvas'); 112 | 113 | let imgURI = canvas 114 | .toDataURL('image/jpeg', 0.8); 115 | triggerDownload(imgURI, imageName + '.jpg'); 116 | }); -------------------------------------------------------------------------------- /conversionTools/fuelEfficiency/fuel.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 |
35 |
59 |
60 |
61 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
--------------------------------------------------------------------------------
/mathmeticalTools/LinearEquation/linearEquation.js:
--------------------------------------------------------------------------------
1 |
2 | var a1 = document.querySelector("#a1");
3 | var a2 = document.querySelector("#a2");
4 | var a3 = document.querySelector("#a3");
5 | var b1 = document.querySelector("#b1");
6 | var b2 = document.querySelector("#b2");
7 | var b3 = document.querySelector("#b3");
8 | var c1 = document.querySelector("#c1");
9 | var c2 = document.querySelector("#c2");
10 | var c3 = document.querySelector("#c3");
11 | var d1 = document.querySelector("#d1");
12 | var d2 = document.querySelector("#d2");
13 | var d3 = document.querySelector("#d3");
14 | var submit = document.querySelector("#submit");
15 | var tryAgain = document.querySelector("#tryagain");
16 | var doubleVar = document.querySelector("#doubleVar");
17 | var tripleVar = document.querySelector("#tripleVar");
18 | var xshow = document.querySelector("#x");
19 | var yshow = document.querySelector("#y");
20 | var zshow = document.querySelector("#z");
21 | var doubleVarSwitch = false;
22 | var tripleVarSwitch = false;
23 | inputs= document.getElementsByTagName("input")
24 | for(var i=0;iLength Converter
39 |
40 |
41 |
52 |
53 |
54 |
55 |
66 |
67 | ' + input.files[0].name + '
'; 25 | 26 | const img = new Image(); 27 | img.onload = function () { 28 | imageWidth = this.width; 29 | imageHeight = this.height; 30 | } 31 | img.src = data; 32 | let wrapperZone = $(input).parent(); 33 | let previewZone = $('.preview-zone'); 34 | let boxZone = $('.preview-zone').find('.box').find('.box-body'); 35 | let pdfTools = $('.pdfTools'); 36 | pdfTools.removeClass('hidden'); 37 | wrapperZone.removeClass('dragover'); 38 | previewZone.removeClass('hidden'); 39 | boxZone.empty(); 40 | boxZone.append(htmlPreview); 41 | // drawImage(); 42 | }; 43 | 44 | reader.readAsDataURL(input.files[0]); 45 | } else if (imageLower.endsWith('.svg')) { 46 | let reader = new FileReader(); 47 | reader.onload = function (e) { 48 | svgData = e.target.result; 49 | let htmlPreview = svgData; 50 | let wrapperZone = $(input).parent(); 51 | let previewZone = $('.preview-zone'); 52 | let boxZone = $('.preview-zone').find('.box').find('.box-body'); 53 | let pdfTools = $('.pdfTools'); 54 | pdfTools.removeClass('hidden'); 55 | wrapperZone.removeClass('dragover'); 56 | previewZone.removeClass('hidden'); 57 | boxZone.empty(); 58 | boxZone.append(htmlPreview); 59 | }; 60 | reader.readAsText(input.files[0]); 61 | } 62 | 63 | } 64 | } 65 | 66 | 67 | function triggerDownload(imgURI, name) { 68 | let a = document.createElement('a'); 69 | a.setAttribute('download', name); 70 | a.setAttribute('href', imgURI); 71 | a.setAttribute('target', '_blank'); 72 | // a.dispatchEvent(evt); 73 | a.click(); 74 | a.remove(); 75 | } 76 | 77 | 78 | $(".dropzone").change(function () { 79 | readFile(this); 80 | }); 81 | 82 | $('.dropzone-wrapper').on('dragover', function (e) { 83 | e.preventDefault(); 84 | e.stopPropagation(); 85 | $(this).addClass('dragover'); 86 | }); 87 | 88 | $('.dropzone-wrapper').on('dragleave', function (e) { 89 | e.preventDefault(); 90 | e.stopPropagation(); 91 | $(this).removeClass('dragover'); 92 | }); 93 | 94 | $('.remove-preview').on('click', function () { 95 | let boxZone = $(this).parents('.preview-zone').find('.box-body'); 96 | let previewZone = $(this).parents('.preview-zone'); 97 | boxZone.empty(); 98 | previewZone.addClass('hidden'); 99 | 100 | let pdfTools = $('.pdfTools'); 101 | pdfTools.addClass('hidden'); 102 | $('#imageForm').trigger('reset'); 103 | }); 104 | 105 | 106 | $('.downloadPdf').on('click', function () { 107 | let orientation = $('#orientation'); 108 | 109 | let imagesSize = [575.28, 821.89]; 110 | if (orientation.val() == 'landscape') { 111 | imagesSize = [821.89, 575.28]; 112 | } 113 | let pageWidth = imagesSize[0]; 114 | let pageHeight = imagesSize[1]; 115 | console.log('imagesSize', imagesSize); 116 | console.log('imageWidth', imageWidth); 117 | console.log('imageHeight', imageHeight); 118 | let content = undefined; 119 | if (data && 120 | (pageWidth > imageWidth || pageHeight > imageHeight)) { 121 | imagesSize = [imageWidth, imageHeight]; 122 | content = { 123 | image: data, 124 | fit: imagesSize 125 | } 126 | } else if (svgData) { 127 | content = { 128 | svg: svgData, 129 | fit: imagesSize 130 | } 131 | } 132 | const docDefinition = { 133 | pageSize: 'A4', 134 | pageOrientation: orientation.val(), 135 | pageMargins: [10, 10, 01, 10], 136 | content: [ 137 | content, 138 | 139 | ], 140 | }; 141 | pdfMake.createPdf(docDefinition).download(`demo.pdf`); 142 | console.log('download pdf', orientation.val()); 143 | }); -------------------------------------------------------------------------------- /mathmeticalTools/scientific-calcuator/sci-calc.html: -------------------------------------------------------------------------------- 1 | 2 |