 How to I put information from a html form into a div element? I've tried looking through the internet but I haven't been able to see anyone with the same question or any answers.

How to put info from form to div element

I have separated my form in different functions and although each one works, I can't find a way to use the value returned in the total function.

function adult() {
  let a = document.getElementById("adulte").value;
  let t = a * 100
  document.getElementById("asub").innerHTML = t
  //document.getElementById("sub-a").value = t;
  console.log(t);
  document.getElementById("tprice").innerHTML = a;
  return t;
}

function total() {
  let a = adult();
  document.getElementById("tprice").innerHTML = a;
  console.log(a);
}

<input id="adulte" name="adulte" style="width: 40px" onchange="adult();" />
<span id="aprice"> 100</span>$/nuit
<p> Hébergements pour les adultes = <span id="asub">100</span>$</p>

<button id="total" name="total" onclick="total();">calculate</button>
<span id="tprice"> 50</span>$

Javascript - use the return number of a function to calculate the total

I'm working with a form field that is required to the form, but when the page loads the field already starts with "required" error and it should appear only after the user type something or don't. I'm using mat-error and validators in the form with Angular 12. 

Form field initiates with "required" error in Angular

I want on the way to append to a listing (it's a leaderboard, but it's now not relevant) by way of filing through a shape and appending to an ordered listing using jquery. Once I press put up nothing occurs other than the button being pressed. Wherein am I going wrong?

      <label id="nameLabel" for="pName"><u>Player name:</u></label>

      <label for="pElims"><u>Elimination Count:</u></label>

$("#submissionForm").on('submit', function(event){

    var newItem = (playerName + "  -  "+ elimCount);

    $('.playerList').append('<li>'+ newItem + '</li>');

Submit form using JQuery won't append to list

I am getting this mistake when I create or edit a form, do it if it comes from this type of view or the controller?

forms

Trending Blogposts on forms

Popular Discussions on forms

openHow to put info from form to div element

0

0

0

openJavascript - use the return number of a function to calculate the total

0

0

0

openForm field initiates with "required" error in Angular

0

0

0

openSubmit form using JQuery won't append to list

2

0

0

openMissing required parameters for Route Laravel 8

1

0

0

PRODUCTS

QUICK LINKS

LEGAL