<h1 id="heading-scenario">Scenario</h1>
<p>We have simple form in HTML with:</p>
<ul>
<li><p><code>input</code> field,</p>
</li>
<li><p>button that is supposed to display an <code>alert</code> with text inputed in <code>input</code> field.</p>
</li>
</ul>
<p>Simple, right? No, hell not.</p>
<h1 id="heading-analysis">Analysis</h1>
<h2 id="heading-what">What?</h2>
<p>We cannot just:</p>
<pre><code class="lang-javascript"><span class="hljs-keyword">let</span> v = <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">'inputField'</span>).value;
alert(v);
</code></pre>
<p>That would be too simple. Instead, input fields <strong>don't have a value</strong>!!!! Imagine that stupidity?</p>
<h2 id="heading-why">Why?</h2>
<p>??</p>
<h1 id="heading-what-the-fck-happened-with-js">WHAT THE F*CK HAPPENED WITH JS?</h1>
<p>Thats valid question guys. Answer in the comments, please.</p>


# Scenario

We have simple form in HTML with:

*   `input` field,
    
*   button that is supposed to display an `alert` with text inputed in `input` field.
    

Simple, right? No, hell not.

# Analysis

## What?

We cannot just:

```javascript
let v = document.getElementById('inputField').value;
alert(v);
```

That would be too simple. Instead, input fields **don't have a value**!!!! Imagine that stupidity?

## Why?

??

# WHAT THE F\*CK HAPPENED WITH JS?

Thats valid question guys. Answer in the comments, please.

Getting value from user input (input field) after clicking button

Scenario

Analysis

What?

Why?

WHAT THE F*CK HAPPENED WITH JS?

Im furious on how current world of FOSS works, and am not affraid to say it out loud. Without marketing BS.