Need a bit of help

1

So im trying my self out with html+css+javascript for the first time, and im wondering what am i doing wrong here, is there a better way to make something like this? When i click on button nothing changes when i change numbers of para1 and para2. This is only for testing and practicing…

TgiOSWS.png1679×938 36.4 KB

2

The button calls myFunction, but myFunction expects arguments passed to it. The function that the button calls also only do what it’s told to do: return a string value. Nowhere in that function is it told to modify the contents of the <p> with the demo id.

You may want to try including two <input> elements for para1 and para2. Then instead of using onclick in HTML, set up a more sophisticated event listener in JS.

<input id="para1">
<input id="para2">
<button id="submit">Click</button>

document.getElementById('submit').addEventListener('click', function() {
  // the values from the page are strings by default, so conversion to number is needed
  const para1 = Number(document.getElementById('para1').value);
  const para2 = Number(document.getElementById('para2').value);

  // modify `demo` afterwards
  document.getElementById('demo').innerHTML = myFunction(para1, para2);
});

(tip: since you’re trying code on jsfiddle, you may want to share a link to that instead of a screenshot)

1 Like
3

Ok thanks, but how do i share a link from it?

4

Hit the Save (or Update) button at the top, then copy and paste the URL in your browser’s address bar.

1 Like