getval

Get value from any HTML input element

🧭 Table of contents

• ✨ Benefits
• 🎒 Requierments
• 🚀 Quickstart
• 📘 Documentation
• 🆘 Troubleshooting
• 🤝 Contributing
• 🧪 Testing
• ⚖️ License

✨ Benefits

• [x] Unified way to get html input values
• [x] 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 | Value/s of input |

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