This is my situation
//The object
var obj = { celToFah: function() {
var celsiusInn = document.getElementById('celsius-input').value;
var fahrenheit;
fahrenheit = (celsiusInn * 9/5) + 32
document.getElementById('result1').innerHTML = fahrenheit;
},
fahToCel: function() {
var fahrenheitInn = document.getElementById('fahrenheit-input').value;
var celsius;
celsius = (fahrenheitInn - 32) * (5/9)
document.getElementById('result1').innerHTML = celsius;
}
}
//The action
<button onclick="obj.fahToCel()" class="btn btn-primary"> Calc</button>
this code only works when the script in the html page but doesnt work when refrenced from a js file.
please help
I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).
Ok buh do you have any help for my problem ?
If you have your JS code in a separate file, you can’t add an event listener to your button like you’re currently doing. You have to add it within your script file instead:
document.querySelector('button').addEventListener('click', obj.fahToCel)
Need to see more of the code (ie the htmlso can see where in the html you’re referencing the script).
Also the actual error would be helpful: open the browser console and see what the error is when you click that element.