Hello, this video will continue talking about JavaScript in native. In this video, I will explain how you can get the value of the input text and compares a value between him with tickets if you want to display a message or JavaScript message if the two fields has a different value. So, I will write here for JavaScript function. Okay, this JavaScript function, you can get the content of any tickets, you can get the content of any tickets by gets the element by ID and the gifts the input tickets and write the content in that case, it will get the content of their input text, which you will point to. So, I will get the two output or two content from the two input tickets and I will check if both of them is not equal to null or empty. I will check if what was the them equal to each other.

So, I can alert equal just remove this comment to see if it is equal, if it is different, it will erode not equal. So, you can display your own message. So, what I will do here, I will just send the two input tickets which I need to compare its value. For example, if this boss works for example, or sorry, email and this is confirm email and I just want to check both of them are equal to each other as JavaScript live or not. So, what I will do here I will take the ID of the first one which is 87 and 88 Okay. And I will go here and I will see it seven content and it could okay OK, now what actually is this take which I add here and here, this is because we are using this end operator.

So if I didn't add this tag, you will get an error even if you want for example, something like Greece or Zen or like this, without this tech, you will receive an error because your issues page. So, for example, if I remove this here and I remove this and I will use a normal Java function or script function as previous function, I will just add a normal JavaScript function. You will find here it will give you an exception here because this is it only we are in the JSF page. So, this means you will close a tag like this. You will notice a little Zen same in this and so, you can use any coin This operators in the normal unless you surround this function using this tech, okay, so this is why I add this here. So that I would be able to write something like a and or greater than or anything.

So now this example, you should be able to know how you can get the component of sorry, the content of the Ember tickets and how you can display the value of the input text. Let us now try to refresh and check the functionality of this. So, with this refresh, here's the image. I will right here. Okay, it didn't enter or didn't make anything. Okay.

So first thing I need to do is I need to point to this chick value. So this is one missing thing. So this is should have a client listener, this client listener has a keen interest but I can add another claim to this now, you can add multiple claims listener. So, as a click listener will be checked value and in the value change in the value change, I need to call check value in the value will change okay so let us now refresh. Now when I press E, nothing happened because I add here a condition set, both of them should have value. Okay, so let's add Yeesh www, so it display not equal.

If I remove this and write a, it is now equal. So this is how you can get a value of the input test in the JavaScript and how you can make some compare of this value and how you can display a message. So normally, if you enter in a value, and other value is okay, nothing will happen unless if you enter something different, you should display a lot of the message. This is one of the example of how you can read the input tickets the value in the JavaScript. So let's think I need to tell you about it is because I fixed it only one time in my life that the user want to disable. Right click was a bitch.

You don't even want to right click and do whatever you want. So right click here to disable it. So to disable right click on service users JavaScript function, just as this JavaScript function and right click will be disabled. So let us know back to the JavaScript here, before the resource, and you just write this function which Disable right? Click, this is what gets a document, the main, the whole document, and it will make disabled is a context menu. So I'm going to warn you it will be disabled.

So let us now try to refresh. And now right click, I am now right click nothing. I can't right click anymore. So to disable a right click, just put this function in the JavaScript to block area and it will disable the right click. So this is an example of how you can use JavaScript in EDF. Last thing I want to tell you about it is the idea of a component.

Currently, if we need to get oil as a component in the JavaScript, we just send the ID of the component like for example, this is a bending splitter. So we see here B is one We sent here, ps1 straightaway, the same, or the exact same bundle group, do it within the bundle group do it. So anything we need, we sent the component Id like 87 straightaway. So, actually, this is because we didn't, we didn't use a page template if you use pitch template, because here, we don't have any big template, but if you use pitch templates, this pitch template will have ID. So to send a component into JavaScript and to get it, you should try it big template, for example, bt one ID then column, then your component, it should be something like this. Okay, I will let you know as a general way, you know, which ID the JavaScript will be able To find your PDF component, because here this JavaScript will find the component and you sent the component Id even xebec been we sent here B two to B sub B two, because it will find component by ID B two.

But to know, which has which IDs you should send to JavaScript that JavaScript will be able to find your component. Simply you can go to the document and is the initial focus ID going to your component which you will access in JavaScript. So I will present it and you can open it cement your page and see what is the component you want to use in the JavaScript For example, I need to access Hispanic group to change it, I believe okay. So I find here this is the idea of subnet group and I will use this because actually this will be changed. If you use basil template or even better connection For example, if you want to access a table is a table if you point to the table here, which we have here, T one, it would be T one so you can use this T one as a JavaScript to find the component to get the table.

But if this table is surrounded with a bunch of collection it is try to surround this with a bunch of collection surround with better collection because we usually use a collection after set to one. Okay, in that case, let us try to point to the table again from the document. Yes, it does point to the table. You will find it now become a collection ID Xin chrome in table is that case you have to use this ID Inside a JavaScript method to get the component, for example, here or whatever, you need to get any combination of components in JavaScript here, for example, find component, you should visit case since the whole purpose. So in general, because of sometimes you will use a big template, sometimes not sometimes a table inside many collections sometimes not. So in if you don't know how to get the component ID, which you can send it to the JavaScript missile to get the component, or sometimes some user Tell me in JavaScript didn't return the second we can't find my component, it return on idle fight or whatever.

So you have to be double check that you sent a correct ID to the JavaScript function. So once you send the correct ID to the JavaScript functions, JavaScript will be able to find your PDF combined So to get this ID, as I told you just select the document. And in the initial focus ID, you can go into your document and whatever is returned to you, you can use it in the JavaScript. So that server script will be able to find your component. This is how you can use a JavaScript. If page.

Nick is a video we'll go to another feature. So see you next activity.