从引导表单获取用户输入值

Question

I have the following Code for an input field in Bootstrap:

<div class="form-group">
    <label for="f2">F</label>
    <input type="text" class="form-control" name="f2" id="f2">
</div>

I also have an external.js script which needs to recieve the information the user inputs. How do I access the user input with my.js script?

Answer 1

By using selector. like that: const i = document.getElementById('f2');

After this you have access to the input element. console.log(i.value)

Answer 2

const inputEl = document.getElementById('f2') // get input from the DOM
const inputValue = inputEl.value