JSFiddle - React, Tailwind, and code Playground

by CGWGreen

HTML

<form name="input_form">
Value One: <input type="number" name="value_one"><br>
Value Two: <input type="number" name="value_two">
</form>
<button onclick="getForm()">Click me</button>

JavaScript

function getValue(id){
   
    var x=document.forms["input_form"][id].value;
    if (x==null || x==""){
       //Needs better validation
       return 'error in input';
    }else{
       return x;
    }
}



function getForm(){
    
    //Return results as object... 
    var results = {
        val_one: getValue("value_one"),
        val_two: getValue("value_two")
    }
    //So you can use the following approach
    alert('Value one from object = ' + results.val_one);
    
   //Return results as array
    var resultsArray = [];
    
    resultsArray['value_one'] = getValue("value_one");
    resultsArray['value_two'] = getValue("value_two");
    
    alert('Value one from array = ' + resultsArray['value_one']);
    
}