https://github.com/barrettotte/wc-resistor-calc

A resistor color code calculator as a vanilla JS web component.
https://github.com/barrettotte/wc-resistor-calc

vanilla-js web-components

Last synced: about 1 month ago
JSON representation

A resistor color code calculator as a vanilla JS web component.

• Host: GitHub
• URL: https://github.com/barrettotte/wc-resistor-calc
• Owner: barrettotte
• License: mit
• Created: 2021-07-28T00:25:52.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-08-09T23:18:32.000Z (over 3 years ago)
• Last Synced: 2024-10-24T10:06:46.031Z (3 months ago)
• Topics: vanilla-js, web-components
• Language: JavaScript
• Homepage: https://barrettotte.github.io/wc-resistor-calc/
• Size: 47.9 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# wc-resistor-calc

A resistor color code calculator as a vanilla JS web component.

This was just a trivial example to play around with web components before diving

into making web components with Stencil.js. I pretty much just cloned the resistor

color code calculator from [Digi-Key](https://www.digikey.com/en/resources/conversion-calculators/conversion-calculator-resistor-color-code)

## Usage

```html

```

Also deployed to [https://barrettotte.github.io/wc-resistor-calc/](https://barrettotte.github.io/wc-resistor-calc/), [index.html](index.html) instantiates this web component.

### Attributes

- `band` - Default resistor type (`4`,`5`, or `6`); Defaults to `4` if not specified.

### Screenshot

![docs/screenshot.PNG](docs/screenshot.PNG)

## References

- [Digi-Key Resistor Color Code Calculator](https://www.digikey.com/en/resources/conversion-calculators/conversion-calculator-resistor-color-code)

- [Inkscape - for SVG editing](https://inkscape.org/)