Dynamic alert , alert using input information

Question

I would like to create an alert that passes in information typed in by the user.

<button type="button" onclick="alert('Hello')">Click Me!</button>''''

but instead of "hello" information from a form

<input type='text' maxlength="25" id='first-name' placeholder="First Name">
<script>
var Variablez = document.getElementById('first-name').innerText;
</script>
<button type="button" onclick="alert(Variablez)">Click Me!</button>''''

Ibu · Accepted Answer · 2019-01-23T22:20:13.787

1

All you have to do is restructure your script. Don't use inline for this case, give your button an id and you can set the onclick event in your script.

<input type='text' maxlength="25" id='first-name' placeholder="First Name">
<button id="btn" type="button" onclick="alert(Variablez)">Click Me!</button>

<script>
var btn = document.getElementById('btn');
btn.onclick = function() {
    var Variablez = document.getElementById('first-name').value;
    alert(Variablez);
};
</script>

edited Jan 23 '19 at 22:20

answered Jan 23 '19 at 19:16

Ibu

42,752
13
76
103

tried, doesnt work – aaron lilly Jan 23 '19 at 20:17
You need to use `value` to get the value of the input field. – Felix Kling Jan 23 '19 at 21:36
Thank you Felix, that was an oversight – Ibu Jan 23 '19 at 22:20

score 0 · Answer 2 · answered Jan 23 '19 at 21:34

0

this works , just make sure jquery is plugged in

<div>
<input type='text' maxlength="25" id='first-name' placeholder="First Name">
</div>

<button type="button" onclick="alert($('#first-name').val())">Click Me!     </button>

answered Jan 23 '19 at 21:34

aaron lilly

274
1
14

No need for jQuery. – Felix Kling Jan 23 '19 at 21:37

Dynamic alert , alert using input information

2 Answers2