I want to write a simple formula of:
Force = pressure x area = (resluts showign here)
I think I have the formula correct, but how do I go about displaying the results?
The code I have so far is this below:
<body>
<h1>
Force =
<input type="number" id= "pressure" value= ""/> x <br/>
<input type= "number" id= "area" value= ""/>
<button onclick = "equals" id="equals" >=</button>
<output type="number" id= "forceResult" ></output>
</h1>
</body>
let pressure = document.getElementById (pressure);
let area = document.getElementById (area);
let equals = document.getElementById (equals);
let forceResult = document.getElmentById (forceResult);
function force1 (pressure, area) {
let force = pressure * area;
return force;
}
equals.onclick () => {
force.innerHTML = force
}
} <h1>
Force =
<input type="number" id= "pressure" value= ""/> x <br/>
<input type= "number" id= "area" value= ""/>
<button onclick = "equals" id="equals" >=</button>
<output type="number" id= "forceResult" ></output>
</h1>
Your code contains a lot of errors and typos. Write it more carefully
let pressure = document.getElementById('pressure');
let area = document.getElementById('area');
let equals = document.getElementById('equals');
let forceResult = document.getElementById('forceResult');
function force1 (pressure, area) {
return pressure * area;
}
equals.onclick = function () {
const pressureValue = Number(pressure.value)
const areaValue = Number(area.value)
const result = force1(pressureValue, areaValue)
forceResult.innerHTML = result
}<h1>
Force =
<input type="number" id="pressure" value=""/>
x<br/>
<input type="number" id="area" value=""/>
<button onclick="equals()" id="equals">=</button>
<output type="number" id="forceResult"></output>
</h1>