Create a submit button in javascript

Question

I'm doing fine with this code but would like to have a submit button that will help me submit a form in addition to it. From this, I also want to get the value of input text through request.vars in controller.

this.typeInput = function(callbackFn) {
    var inputWrap = document.createElement("div")
    inputWrap.className = "input-wrap"
    var inputText = document.createElement("textarea")
    inputText.setAttribute("placeholder", "Ask me anything...")
    inputWrap.appendChild(inputText)
    inputText.addEventListener("keypress", function(e) {
          // register user input
          if (e.keyCode == 13) {
            e.preventDefault()
            typeof bubbleQueue !== false ? clearTimeout(bubbleQueue) : false // allow user to interrupt the bot

When I try to add a function as inputText.setAttribute('type','submit') i get a blank screen. Am I missing something

You got an error as you tried to set type attribute on textarea, not button. Create a button element and then set an 'submit' attribute on it. — wawka
– wawka, Commented Aug 4, 2018 at 9:28
It is good practice to single javascript line of code with a semi-colon ; — Ahmed Numaan
– Ahmed Numaan, Commented Aug 4, 2018 at 9:41

Coding Master · Accepted Answer · 2018-08-04 09:28:50Z

3

Your code is creating textarea not button so Replace,

var inputText = document.createElement("textarea");

with

var button= document.createElement("button");

answered Aug 4, 2018 at 9:28

Coding Master

574 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ahmed Numaan · Accepted Answer · 2018-08-04 09:37:27Z

1

Here is the solution to your problem:

this.typeInput = function (callbackFn) {
    var inputWrap = document.createElement("div");
    inputWrap.className = "input-wrap";

    var inputText = document.createElement("textarea");
    inputText.setAttribute("placeholder", "Ask me anything...");
    inputWrap.appendChild(inputText);
    inputText.addEventListener("keypress", function(e) {
        // register user input
        if (e.keyCode == 13) {
            e.preventDefault();
            typeof bubbleQueue !== false ? clearTimeout(bubbleQueue) : false;
        }
    }
    var btn = document.createElement("button");
    btn.setAttribute("type", "submit");
    inputWrap.appendChild(btn);
    btn.addEventListener("click", function(e) {
        e.preventDefault();
        typeof bubbleQueue !== false ? clearTimeout(bubbleQueue) : false;
    }
}

answered Aug 4, 2018 at 9:37

Ahmed Numaan

1,0601 gold badge10 silver badges26 bronze badges

7 Comments

lobjc Over a year ago

still getting a blank page

Ahmed Numaan Over a year ago

@loved_by_Jesus If you could provide more code(HTML, JavaScript etc.) then it would help clarify your problem

lobjc Over a year ago

Sorry I had a typo somewhere

lobjc Over a year ago

The button is working well. How ever i have just noted that when I refresh the page, next comes a blank screen with the input area and button still present. I'll post the whole code shortly

lobjc Over a year ago

cant post the whole code but you can find it here :github.com/dmitrizzle/chat-bubble/blob/master/examples/…

|

brk · Accepted Answer · 2018-08-04 09:20:18Z

0

var inputText = document.createElement("textarea") is creating a textarea, you need to create a button t have the type='submit"

var btn = document.createElement("button") btn.setAttribute("type", "button")

answered Aug 4, 2018 at 9:20

brk

50.3k10 gold badges59 silver badges85 bronze badges

Collectives™ on Stack Overflow

Create a submit button in javascript

3 Answers 3

Comments

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related