PolarGraphingPractice/script.js at main · csplatti/PolarGraphingPractice · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
"use strict";

console.log("hello");

const toolContainer = document.querySelector("#left");

let classes = [];
let subjects = [];

//what is needed for a tool icon
    //tool link
    //image
    //tool title

class Tool {

    constructor(link, image, title, subject, course) {
        this.subject = subject;
        this.course = course;
        this.link = link;
        this.image = image;
        this.title = title;
    }

    getImage() {
        return this.image;
    }

    getSubject() {
        return this.subject;
    }

    getCourse() {
        return this.course;
    }

    pushTool() {
        let newToolA = document.createElement("a");
        newToolA.href = this.link;
        newToolA.classList.add("tool_home_icon_container");

        let newToolDiv = document.createElement("div");
        newToolDiv.classList.add("tool_home_icon");
        newToolDiv.style.background = `url('${this.image}'`;

        newToolA.appendChild(newToolDiv);

        toolContainer.appendChild(newToolA);
    }

}

let polarPractice = new Tool("./Tools/polarPractice/polarPractice.html", "./images/ghstools_thumbnail_template(250).jpg", "Polar Practice", "math", ["analysis", "iac", "precalc"]);
polarPractice.pushTool();