CCF_100/ASDV-WebDev
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Semester 3 pog

Browse Source
This commit is contained in:
Chloe Fontenot 🏳️‍⚧️
2023-08-16 17:31:33 -05:00
parent 2dc89a3b93
commit a33c99cbd2
1558 changed files with 439 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
Semester 1/Assignments/JavaScript/lab16js_CalebFontenot/.bowerrc Normal file
View File

@@ -0,0 +1,3 @@
{
"directory": "public_html/bower_components"
}

BIN
Semester 1/Assignments/JavaScript/lab16js_CalebFontenot/7-1.pdf Normal file
View File

Binary file not shown.

9
Semester 1/Assignments/JavaScript/lab16js_CalebFontenot/Gruntfile.js Normal file
View File

@@ -0,0 +1,9 @@
/*
* Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
* Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/Gruntfile.js to edit this template
*/
module.exports = function (grunt) {
// Project configuration.
grunt.initConfig({
});
};

13
Semester 1/Assignments/JavaScript/lab16js_CalebFontenot/bower.json Normal file
View File

@@ -0,0 +1,13 @@
{
"name": "lab16js_CalebFontenot",
"version": "1.0.0",
"main": "path/to/main.css",
"ignore": [
".jshintrc",
"**/*.txt"
],
"dependencies": {
},
"devDependencies": {
}
}

10
Semester 1/Assignments/JavaScript/lab16js_CalebFontenot/gulpfile.js Normal file
View File

@@ -0,0 +1,10 @@
/*
* Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
* Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/gulpfile.js to edit this template
*/
var gulp = require('gulp');
gulp.task('default', function () {
// place code for your default task here
});

1
Semester 1/Assignments/JavaScript/lab16js_CalebFontenot/nbproject/private/private.properties Normal file
View File

@@ -0,0 +1 @@
browser=SL[/Browsers/FirefoxBrowser

7
Semester 1/Assignments/JavaScript/lab16js_CalebFontenot/nbproject/private/private.xml Normal file
View File

@@ -0,0 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?>
<project-private xmlns="http://www.netbeans.org/ns/project-private/1">
<editor-bookmarks xmlns="http://www.netbeans.org/ns/editor-bookmarks/2" lastBookmarkId="0"/>
<open-files xmlns="http://www.netbeans.org/ns/projectui-open-files/2">
<group/>
</open-files>
</project-private>

4
Semester 1/Assignments/JavaScript/lab16js_CalebFontenot/nbproject/project.properties Normal file
View File

@@ -0,0 +1,4 @@
file.reference.lab16js_CalebFontenot-public_html=public_html
file.reference.lab16js_CalebFontenot-test=test
files.encoding=UTF-8
site.root.folder=${file.reference.lab16js_CalebFontenot-public_html}

9
Semester 1/Assignments/JavaScript/lab16js_CalebFontenot/nbproject/project.xml Normal file
View File

@@ -0,0 +1,9 @@
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://www.netbeans.org/ns/project/1">
<type>org.netbeans.modules.web.clientproject</type>
<configuration>
<data xmlns="http://www.netbeans.org/ns/clientside-project/1">
<name>lab16js_CalebFontenot</name>
</data>
</configuration>
</project>

8
Semester 1/Assignments/JavaScript/lab16js_CalebFontenot/package.json Normal file
View File

@@ -0,0 +1,8 @@
{
"name": "lab16js_CalebFontenot",
"version": "1.0.0",
"keywords": ["util", "functional", "server", "client", "browser"],
"author": "caleb",
"contributors": [],
"dependencies": {}
}

114
Semester 1/Assignments/JavaScript/lab16js_CalebFontenot/public_html/index.html Normal file
View File

@@ -0,0 +1,114 @@
<!DOCTYPE html>
<!--
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
-->
<html>
<head>
<title id="title"></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<label id="input1Field"><label id="input1Text"></label><input type="text" id="input1" name="input1" value=""><br></label>
<label id="input2Field"><label id="input2Text"></label><input type="text" id="input2" name="input2" value=""><br></label>
<label id="input3Field"><label id="input3Text"></label><input type="text" id="input3" name="input3" value=""><br></label>
<label id="input4Field"><label id="input4Text"></label><input type="text" id="input4" name="input4" value=""><br></label>
<label for="selectComputation">What do you want to do?</label>
<select name="selectComputation" id="selectComputation"><br>
<option onclick="onComputationSelect(this.value);" value="nothingSelected" selected>-- Select computation type --</option>
<option onclick="onComputationSelect(this.value);" value="calculatePower">Get magnitude of power</option>
<option onclick="onComputationSelect(this.value);" value="area">Get Area</option>
<option onclick="onComputationSelect(this.value);" value="pointDistance">Get Point Distance</option>
</select>
<br>
<label id="output"></label><br>
<input type="button" value="Compute!" onclick="onClick()">
<script>
onComputationSelect("nothingSelected");
// Change the dialog labels if computation changes
function onComputationSelect(computation) {
//alert("Selected " + computation);
if (computation === "nothingSelected") {
console.log("Hiding text box...");
document.getElementById("input1").hidden = true;
} else {
console.log("Unhiding text box...");
document.getElementById("input1").hidden = false;
}
switch (computation) {
case "nothingSelected":
document.getElementById('title').innerHTML = "Calculator";
input1Field.hidden = false;
input2Field.hidden = true;
input3Field.hidden = true;
input4Field.hidden = true;
document.getElementById('input1Text').innerHTML = "Select a computation type to continue. ";
break;
case "area":
document.getElementById('title').innerHTML = "Calculator | Area";
input1Field.hidden = false;
input2Field.hidden = false;
input3Field.hidden = true;
input4Field.hidden = true;
document.getElementById('input1Text').innerHTML = "Enter the base: ";
document.getElementById('input2Text').innerHTML = "Enter the height: ";
break;
case "pointDistance":
document.getElementById('title').innerHTML = "Calculator | Point Distance";
input1Field.hidden = false;
input2Field.hidden = false;
input3Field.hidden = false;
input4Field.hidden = false;
document.getElementById('input1Text').innerHTML = "Enter x1: ";
document.getElementById('input2Text').innerHTML = "Enter y1: ";
document.getElementById('input3Text').innerHTML = "Enter x2: ";
document.getElementById('input4Text').innerHTML = "Enter y2: ";
break;
case "calculatePower":
document.getElementById('title').innerHTML = "Calculator | Power";
input1Field.hidden = false;
input2Field.hidden = false;
input3Field.hidden = true;
input4Field.hidden = true;
document.getElementById('input1Text').innerHTML = "Enter base: ";
document.getElementById('input2Text').innerHTML = "Enter power: ";
break;
}
}
function onClick() {
// Determine what the user wants us to do.
switch (selectComputation.value) {
case "area":
getArea();
break;
case "pointDistance":
getPointDistance();
break;
case "calculatePower":
calculatePower();
break;
}
}
function getArea() {
var [baseVal, heightVal] = [parseFloat(input1.value), parseFloat(input2.value)];
var area = (.5 * baseVal) * heightVal;
document.getElementById('output').innerHTML = "The area of " + baseVal + " and " + heightVal + " is " + area;
}
function getPointDistance() {
var [x1, y1, x2, y2] = [parseFloat(input1.value), parseFloat(input2.value), parseFloat(input3.value), parseFloat(input4.value)];
var a = (x2 - x1);
var b = (y2 - y1);
var distance = Math.sqrt(Math.pow(a, 2) + Math.pow(b, 2));
document.getElementById('output').innerHTML = "The distance of point (" + x1 + ", " + y1 + ") to point (" + x2 + ", " + y2 + ") is " + distance;
}
function calculatePower() {
var [base, power] = [parseFloat(input1.value), parseFloat(input2.value)];
var output = Math.pow(base, power);
document.getElementById('output').innerHTML = "The value of " + base + "^" + power + " is " + output;
}
</script>
</body>
</html>