@danielcobo/getval

Get value from any HTML input element

Usage no npm install needed!

<script type="module">
  import danielcoboGetval from 'https://cdn.skypack.dev/@danielcobo/getval';
</script>

README

getval

Get value from any HTML input element

๐Ÿงญ Table of contents

โœจ Benefits

  • Unified way to get html input values
  • Supports radio, checkbox and other inputs

๐ŸŽ’ Requierments

No requierments, just works.

๐Ÿš€ Quickstart

Install

NodeJS

Install using the terminal:

npm install @danielcobo/getval

Require the module:

const getval = require('@danielcobo/getval');

Note: In case you're wondering, @danielcobo/ is just a namespace scope - an NPM feature. Scopes make it easier to name modules and improve security.

Browser

Declare it as a global variable named getval by including this script before any script you want to use it in:

<script src="https://cdn.jsdelivr.net/npm/@danielcobo/getval@1/dist/iife/getval.min.js"></script>

Or import it as an ECMAScript module:

import * as getval from 'https://cdn.jsdelivr.net/npm/@danielcobo/getval@1/dist/esm/getval.min.js';

Also, feel free to download the file if you prefer not to use jsdelivr. In that case just replace the url with the relative file path.

Example use

const el = document.getElementById('myinput');
const val = getval(el);

//if #myinput was a checkbox, val will 
//be an array of checked values

For details see documentation below.

๐Ÿ“˜ Documentation

getval()

Get current value of input (works for radio, etc. as well)

Name Type Default Description
$el HTMLElement Any input element to get value from

Returns

Type Description
Array.string string

Source: src/index.js:1

๐Ÿ†˜ Troubleshooting

If you run into trouble or have questions just submit an issue.

๐Ÿค Contributing

Anyone can contribute

Contributions come in many shapes and sizes. All are welcome. You can contribute by:

  • asking questions
  • suggesting features
  • sharing this repo with friends
  • improving documentation (even fixing typos counts ๐Ÿ˜‰)
  • providing tutorials (if you do, please let me know, I would love to read them)
  • improving tests
  • contributing code (new features, performance boosts, code readability improvements..)

Rules for contributions

General guidelines:

  • there are no dumb questions
  • be polite and respectful to others
  • do good

When coding remember:

  • working > maintainability > performance
  • best code is no code
  • be descriptive when naming
  • keep it DRY
  • do test

Contribution licence: All contributions are considered to be under same license as this repository.

๐Ÿงช Testing

Testing suite: ๐Ÿƒ Jest | Test command: npm test

Mutation testing suite: ๐Ÿ‘ฝ Stryker Mutator | Mutation test command: npm run mutation

If you intend to develop further or contribute code, then please ensure to write and use testing. Strive for 100% code coverage and high mutation scores. Mutation score 100 is great, but it's not always neccessary (if there are valid reasons).

โš–๏ธ License

MIT License